전체보기141 [1] 20.09.23 자전거는 진짜 재밌다 그저께 친구 집을 놀러가는데, 중간에 자전거가 타고 싶어서 청담역에서 내려서 따릉이를 타고 서초역까지 자전거를 타고 갔다. 자전거를 타고 청담나들목으로 나가는데, 강이 굽어지는 쪽이라 그런지 바다같이 탁 트인 시야가 너무 압도적이였다. 날씨도 너무 시원해서 자전거 타기 아주 적합했다. 자전거 타면서 든 생각이 나는 아마 죽기 전까지 자전거를 타지 않을까? 라는 생각을 했다. 자전거에 대한 사랑은 변함이 없는 것 같다. 이전에 독일 교육에 관한 책을 읽었는데, 독일에 자전거 면허증도 있고 자전거 운전면허 교육과정이 있다고 한다. 정말 옳은 교육과정이라고 생각한다. 뭔가, 이런 도구를 다룰 수 있고 내 두 다리로 자유롭게 어딘가를 여행할 수 있다는 것 자체가 크나큰 특혜가 아닐까 학교에서 자전거를 가르치면 .. 2020. 9. 23. [3] Three.js - Scene, Light Sources 이전 시작 단계에서 간단한 튜토리얼을 통해 Three.js 를 어떻게 사용하는지 알아보는데요 이번 단계에서는 Three.js 의 Scene을 구성하는데 사용되는 Object와 역할 three.Scene Object의 역할 geometric과 mesh와의 관계 orthographic camera와 perspective camera의 차이 를 알아보겠습니다. Scene api 화면에 무언가를 보여주려면 다음 3가지 요소가 필요합니다. - Camera -> 화면에 어떤 요소가 렌더링되는지를 결정 - Lights -> 물체가 어떻게 보이고, 그림자를 어떻게 생성하는지를 결정 - Objects -> Camera에 비춰지는 물체들 Scene 객체는 이런 서로 다른 요소들을 담는 역할을 합니다. Scene에 추가된 .. 2020. 9. 23. [2] Three.js - 시작하기 Three.js 는 자바스크립트 3d 라이브러리로 많은 곳에서 사용되고 있습니다. 다양한 라이브러리가 있지만, Three js를 사용하는건 아무래도 커뮤니티가 크고 TypeScript 지원이 잘 된다는 것이 그 이유입니다. Three.js 엔 여러 장점이 있는데 우선 대부분의 브라우저에서 동작하고 3d 를 구현하기 위해 개별 플러그인이 필요하지 않습니다. 무엇보다 가장 큰 장점은 WebGL을 몰라도 쉽게 사용할 수 있다는 큰 장점이 있습니다. WebGL은 일반 캔버스와는 달리 GPU 자원을 사용할 수 있어 성능상의 이점을 보입니다. 저는 간단한 웹팩 설정으로 ts를 이용하여 로컬에서 작업하였습니다. 설정 방식은 이 글을 참고하시면 좋을 것 같습니다. 설정하기 위 웹팩 설정을 완료했다면, 프로젝트의 구조는.. 2020. 9. 22. [1] Webpack 을 이용한 TypeScript 번들링 웹팩을 이용해서 그래픽스 라이브러리를 타입스크립트로 번들링하고, 개발 환경을 편리하게 구성하기 위해 웹팩에 대해 공부한 기록을 담았습니다. 웹팩이란 웹팩은 HTML, CSS, JS, 등의 웹 어플리케이션에 필요한 자원을 개별 모듈로 정의하고, 이를 조합해서 하나의 HTML CSS JS 로 합쳐주는 모듈 번들러 입니다. 웹팩을 사용하면 얻게되는 장점이 무엇일까요? 우선 모듈화를 통해 JS파일을 모듈화하여 코드의 가독성을 높일 수 있습니다. 브라우저는 HTTP 요청을 동시에 6개까지 수행할 수 있는데요 (크롬 기준) 모든 모듈 파일을 하나로 합침으로써 네트워크 자원을 아끼며 로딩 속도를 더욱 빠르게 하며 자동화 도구들을 통해 웹 개발을 편하게 수행할 수 있습니다. 또한 모듈화를 이용하여 Lazy Loadin.. 2020. 9. 21. 이전 1 ··· 15 16 17 18 19 20 21 ··· 36 다음
