티스토리챌린지21 Three.js and TypeScript (1) Udemy의 Three.js and TypeScript 강의를 듣고 정리한 내용을 기록한다.1. Introduction ~ 7. Dat GUI 까지 들은 내용이 기록되어있다. 개발환경 구성하기실습 프로젝트 구성으로 Vite + TypeScript 를 사용한다. Three.js 설치yarn add -D three @types/three Three.js 모듈 Import 하기기본적으로 Three.js의 코어 부분은 3D 엔진에서 가장 중요한 컴포넌트들 (렌더러, 카메라, 텍스쳐 등)을 중점적으로 갖고 있다.코어를 가능한 한 작게 유지하고 빠르게 취급하기 위해 다른 모듈들을 별도의 경로에 빼두고 있다.따라서 사용하고 싶은 모듈이 있을 경우 이들을 따로따로 Import 해야 한다.import { OrbitCo.. 2024. 11. 9. 오블완 챌린지 참여 + 근황 일상 글을 올린지 어느덧 1년 반이 지났다! 연말이기도 하고 오블완 챌린지 참여도 할겸(ㅎㅎ) 일상글을 남겨본다. 올한해는 어떻게든 최소 달에 한 번은 게시글을 올려야겠다는 마음으로 틈나면 이런저런 주제로 글을 올렸었다. 이는 2023년에 블로그를 크게 관리하지 못했어서 라는 이유도 있었지만, 돌이켜보면 내가 접한 것들이 적지 않았을텐데 그것을 미리미리 정리하지 않아 제대로 된 기록으로 남기지 못했다는 생각이 들어서였다. 결과적으로 최소 한 달에 한 번씩 글올리기라는 다짐은 어떻게든 지켜내서, 나름 다양한(?) 주제로 글을 작성하는 데에 성공했다. 현재 이 블로그는 Google Search Console에 연결하여 조회수나 노출을 관리하고 있는데, 1년간 방문자 수가 많이 늘어난 것 같아 나름 .. 2024. 11. 8. Hydration이란? 전에 Next.js를 공부할 때 hydration이란 단어를 접한 적이 있었다. 그런데 근래에 Zustand 공식문서를 훑어 보다가 Hydrate라는 단어를 또 접했다.둘이 같은 의미라기엔 정의가 미묘하게 달라서 헷갈리는 일이 없도록 간단하게라도 정리하기로.Next.js 에서의 Hydration사실 Next.js에서만 쓰는 개념은 아닌 것 같다.정확히는, SSR에서 언급되는 용어. (https://www.patterns.dev/react/server-side-rendering/)React 공식 문서에도 서버에서 생성된 컨텐츠를 처리하는 hydrateRoot 가 존재한다.https://react.dev/reference/react-dom/client/hydrateRoot hydrateRoot – Reac.. 2024. 11. 7. 이전 1 2 3 4 다음
