You will get there

몇가지 기능들을 구현할건데 이런 기능 처리는 대부분 .js파일로 구현해준다. 쉽게 말하면 핵심 로직을 구현하는 것이다.  어떤식으로 적용되는지 테스트를 해보겠다.그럼 js 폴더 - js_test.js 를 만들어보겠다.이렇게 만들었다면이렇게 코딩을 작성한다. 위의 코드를 설명하면 var는 변수 선언할때 사용하는 것이다. 이렇게 코드작성을 완료했어도 사이트에 바로 적용되는게 아니다. 메인 html에서 스크립트 파일을 불러줘야한다.  이걸 head 태그에 작성해준다. 그리고 사이트를 실행하고 F12를 눌러준다.그럼 위의 이미지처럼 개발자 창이 나올텐데 여기서 Sources를 들어가준다 그럼 이렇게 나오는데 이상하게 내가 작성한 js폴더와 파일이 보이지않는다. 왜그럴까? js파일의 이름이 잘못되었다. 이걸 다시..

네비게이션 바를 알아보기전에. 우리는 부트스트랩이란걸 알아볼 필요가있다. 부트스트랩이란 뭘까?부트스트랩은 프론트엔드를 꾸밀 수 있는 툴킷 웹사이트이다.https://getbootstrap.kr/ Bootstrap강력하고 확장 가능하며 기능이 풍부한 프론트엔드 툴킷. Sass로 빌드 및 커스터마이징하고, 사전 빌드된 그리드 시스템 및 구성 요소를 활용하고, 강력한 JavaScript 플러그인으로 프로젝트에 생기getbootstrap.kr각종 여러가지 html 코드들이 적혀져있는 사이트라 사이트를 만든다면 참고할만한 사이트이다. 네비게이션 바그럼 네비게이션 바는 뭘까? 요즘 사이트를 보면 네비게이션 바가 없는 사이트는 찾아볼 수 없다.롤 화면을 예시로들면 맨 상단에 있는 창이다. 즉, 웹사이트에선 메뉴얼을 ..

테이블이란 무엇일까?? 테이블은 표이다. 우리가 쉽게 접하는 예시는 캘린더(달력)이 있다테이블이란 무엇일까??테이블은 표이다. 우리가 쉽게 접하는 예시는 캘린더(달력)이 있다. 그럼 우리의 웹사이트에서 테이블을 만들어보자. 테이블 만들기일단 기본적으로 사용하는 태그들을 알려주겠다.  : 표를 담는 컨테이너 : 표 제목 : 데이터 셀 그룹 : 헤딩 셀 그룹 : 바닥 셀 그룹 : 행 여러, 포함열 제목(헤딩) 셀, : 데이터 셀 기본적인 태그들을 알았다면 이제 코드를 작성해보자 먼저 에 다음과 같은 코드를 작성한다.이 코드는 테이블 텍스트의 폰트사이즈와 색깔을 정한다 그리고 에 다음과 같은 코드를 작성한다.위의 코딩과같이 코딩을했다면이렇게 표가 나온다. 코드를 만약에이렇게 수정한다면,tr - 행 이니까 행..

3D 탱크 게임을 만들어 볼 예정이다.제작 순서는탱크 모형 만들기탱크 이동 처리포탄 처리목표물 만들기폭발 효과적 탱크적 탱크 따라오기스코어 표시화면 전환네트워크 게임순서대로 만들어보겠다. 일단 프로젝트 생성을 해준다. 기본적인 레이아웃 설명은 2D 만들기 여기에 적어놨으니 참고하면 좋다. 일단 Asset에 기본적인 자료를 정리할 폴더를 만들어준다. 그리고 이제 오브젝트를 만들어줄시간이다.본인만의 탱크 모형을 만들어도되지만 나는 수업에서 준 값들로 만들어 보겠다 순서대로 오브젝트,이름,속성,값 이다.CubePlanePosition x, y, z0, -0.5, 0  Scale x, y, z100, 0.1, 100Game ObjectTankPosition x, y, z0, 0, 0  Scale x, y, z1..

오늘은 큐(Queue)에 대해 알아볼 것이다. 큐를 한 문장으로 표현하자면 First In First Out이다. 즉, 선입선출이다.비유를 해주자면 음식점에 사람이 많으면 줄을서서 그 음식점에 들어가는 것이다. 그림으로 표현하면 위와같은 이미지로 생각하면 된다. 큐를 이해하려면 큐의 구조와 용어를 알아야한다. 먼저 용어는enQueue(인큐) - 데이터 삽입deQueue(데큐) - 데이터 추출front(머리) - 첫 번째 데이터rear(꼬리) - 마지막 데이터큐는 위의 이미지와 같은 구조를 가지고있다. 이 구조를 계속 생각하며 큐를 이해하려고하면 더욱 편하다.        먼저 가장 기본적인 큐의 구조는이미지와 같다. -1,0,1,2,3 은 인덱스 번호이다.enQueue삽입위의 이미지같은 구조에서 삽임을 ..

정렬과 미러는 무엇일까? 중앙 살짝 우측 상단에 있는 게 정렬과 미러이다.(왼쪽이 미러) 정렬(Align)우측 상단의 버튼 말고 좌측 상단의 Tool버튼으로 Align메뉴를 들어갈 수 있다. 일단 오브젝트를 만들어보겠다. 정렬은 두 개의 오브젝트가 필요하다.실린더와 박스를 위의 이미지에 맞게 만들었다면 박스를 클릭 후 Quick Align를 클릭하고 대상 객체를 선택하기 위해 실린더를 클릭한다. 그럼 이렇게 실린더를 중심으로 박스가 정확히 가운데에 위치된걸 알 수 있다.반대로 대상 객체를 박스로 하면 박스 중심으로 가운데에 정렬이된걸 볼 수 있다. 즉,정렬(Align)은 대상 객체 중심으로 먼저 선택한 객체가 움직인다고 보면된다. 빠른 정렬이아닌 그냥 정렬을 하면 이런 화면이 나온다.  위의 X Posi..

오늘은 메인 툴바의 주요기능들을 살펴볼 것이다. 이렇게 기본 화면을 보면 무슨 버튼이 어떤 기능들이 있는지 알기가 너무 어렵다. 그래서 주요기능들을 살펴볼 것이다. 좌측상단을 보면 이러한 기능들이 보일 것이다.    Undo - 명령어 실행 이전으로 되돌리기 단축키 Ctrl+z     Redo - Undo 명령어 되돌리기 단축키 Ctrl + Y      Select and Link  - 선택된 오브젝트 링크    Unlink Selection - 선택된 오브젝트 링크 해제     Bind to Space Wrap - Space Wrap과 연결     (여기서 space wrap은 다양한 물리적 효과를 말한다)     Selection Filter - 선택 목록 필터링    Select Object - 오..

오늘은 이미지를 웹페이지에 넣어볼 것이다. 먼저 프론트가 뭔지부터 설명해주겠다. 웹 개발은 크게 프론트엔드,백엔드로 나뉜다. 쉽게 말하자면프론트엔드 - 이용자가 직접 보는것. 쉽게 말해서 화면백엔드 - 각종 기능들(로그인,회원가입,좋아요, 주문 등)이다. 오늘은 이미지를 넣을거기때문에 프론트에 관한 개발이다. 하지만, 무슨 이미지를 넣을지, 어떤 구조로 만들어야할지 막막하다.  그럴때, 여러분들이 좋아하는 웹사이트를 따라만들어봐도 좋다. 나는 게임 디자이너가 꿈이기때문에 게임 사이트를 만들어 볼 것이다. 내가 개인적으로 생각하기에 레이아웃이 깔끔한 사이트는 리그오브레전드 사이트이다. 근데 들어가서 확인해보면 보통 사이트들이 다 구조가 비슷한걸 볼 수 있다. 상단중단하단 이런 구조로 되어있다. 참고로 사이..

먼저 자바웹프로그래밍이란. 우리가 흔히 보는 웹사이트를 만드는 일이다. 쇼핑몰,게임사이트 등등 모든 것 말이다. 배우고있는 내용을 여기에 정리할 예정이다. 일단 첫 번째로 해야할 일은 Visual Studio Code(클릭)를 다운해야한다. 다운을 완료했다면 실행 후 로그인을 한다면좌측에 이런칸이 보일 것이다. 여기서이 빨간박스인 마켓플레이스를 클릭하면 된다. 여기선 자바언어 외에도 파이썬 등등 각종 언어를 다운해 실행시킬 수 있다. 우리가 다운할걸 검색하면 된다. 우리는소스 코드 정렬,태그 자동 닫기, 이미지 Prettier, image Preview 브라우저 실행 Live server 언어팩 Korean language pack 이것들을 다운해주면 된다. 그럼이렇게 설치된 모습을 볼 수 있다.  그..

2D게임 만들기오늘은 2D게임을 만들어볼 것이다. 일단 유니티 허브를 실행해준다.실행 후 위의 이미지에 새 프로젝트를 클릭한다.  그럼 다음과 같은 화면이 나온다. 여기서 Universal 2D를 클릭해 원하는 이름으로 프로젝트 생성 클릭 후 로딩을 기다린다. 로딩이 됐다면 다음과 같은화면이 나온다.  이게 유니티 기본화면이다. 간단하게 설명해주겠다. 위의 이미지에 빨간 박스는 Hierarchy(계층)창으로 오브젝트 확인,생성 및 제거 등을 할 수 있고 모든 오브젝트들을 계층구조로 볼 수 있는 곳이다.  이번엔 Project 창이다. 이 창은 프로젝트에 관한 파일들이 들어있다.원하는 이미지나 색깔을 가져오거나 만들 수 있다. 3D 모델링 오브젝트, 이미지 파일, C# 파일, 사운드등 리소스할 수 있다. ..