You will get there

원형 식탁을 만들며 설명하겠다.Cylinder을이렇게 세팅하겠다.  Shift + 이동으로 복사해주고 아래 먼저 수정하겠다. 윗면의 Polygon을 잡고 Shift + 크기조정 Shift + 이동으로 다음과 같은 모양을 만들어준다. 두께도 조절해준다. 이제 다리를 만들거다. Symmtry를 적용해준다.이미지에 보이는 곳을 Radial로 바꿔준다.그리고 Count를 4로 바꾼다.그럼 이렇게 기즈모가 접혀있는 형태처럼 보이는데,이 기즈모의 크기를 피자모양으로 나눠서 미러링한다고 생각하면 편하다. 그리고 Edge 하나를 잡고 Chamfer을 준다. !!!참고로 기즈모를 기준으로 잡아야 모두 적용된다 가운데 엣지는 Remove해주고 폴리곤을 잡아준다. 그리고 숨겨져있는 객체를 드러내고 Shift + 이동으로 크..

이번 과제는 본인이 원하는 걸 만드는 과제였다. 원래는 하나의 오브젝트정도만 만들면 됐지만 여러 오브젝트들을 만들어보고 싶었고 3D라는 장점을 최대한 살려서 만들고 싶은 마음에 위의 결과물을 만들었다. 간단하게 구역 별로 설명하겠다. 첫 번째 - 핸드폰  멕스를 처음 만져본 나는 여기서 애를 좀 먹었었다. 바로 핸드폰이였다. 모서리를 둥글게 만드는건 에딧 폴리에서 Edge - Chamfer 을 하면 돼서 쉬웠는데 문제는 뒤의 영역이였다. 카메라가 촬영하는 느낌을 내고싶은 나에겐 세그먼트로 나누고 그 영역을 Polygon - Bevel 을 하고 반대 부분은 Delet로 없앴다. 그리고 통해 Align을 통해 밑변도 평평하게 만들었었다. 근데 핸드폰 쪽에 폴리곤을 삭제해서 어떻게 채우지 하고 고민을 계속하다..

데이터 타입의 종류를 설명하자면 원시 , 참조 타입이 있다. 원시 타입은 쉽게 말해 하나의 정보를 저장하는 것이다.  let number =5;let str = "안녕" 이런 것처럼 말이다. 참조 타입은 두개 이상의 정보를 저장하는 것이다. 이제 실제로 작성해보겠다. 먼저 js_data.js 파일을 만들어준다.추가로 다음과 같은 코드를 짜고 메인 html에 스크립트를 불러주고 홈페이지 로딩후 개발자 모드로 콘솔에서 확인한다. 이렇게 콘솔에 보이는걸 볼 수 있다. 여기서 undefined 와 null의 차이가 있는데 undefined는 스크립트에서 자동으로 생성한 비어있는 값인데null은 직접 값을 부여한 것이다. 즉, 빈 칸을 그냥 빈 칸으로 둔 것과 빈 칸에 "없음"표시를 해둔 것이다. 다음은 참조 타..

팝업창에 시간을 보여주는 기능을 추가하겠다.js_popup.js 에 다음과 같은 코드를 작성한다. 시간을 보여주는 함수를 정의하고 여기서 Date()는 스크립트 안에 있는 시간을 확인할 수 있는 함수이다,아래 함수는 ID가 divClock인걸 divClock에 저장하는 것이다. 시간에 관한 함수들도 전부 스크립크에 내장되어있는 함수이다. 간단하게 해석하면 12시가 넘어가면 오후를 출력후 12시가 넘어간 시간에 -12를 해서 오후OO시로 출력하게하고 그게 아니면 오전으로 출력하게 만든다.  그리고 divClock.innerText = msg; 는 위의 결과값들을 divClock에 저장하는 것이다. setTimeout은 내장함수로 1000을 붙여 1초마다 갱신한다는 표시이다.   그리고 popup.html에..

몇가지 기능들을 구현할건데 이런 기능 처리는 대부분 .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..