블로그 이전하였습니다.

 

https://www.chanwooyam.dev/series/snowball-project/IaZ7hVQy6vXfEND9dGXD

 

React Code Splitting

네이버 부스트캠프에서 진행한 스노우볼 프로젝트의 로딩 속도를 향상시키기 위해 여러 방안을 찾던 중, 다음과 같은 문제를 발견하였습니다. 위 스크린샷과 같이 MainPage 기...

www.chanwooyam.dev

 

블로그 이전하였습니다.

 

https://www.chanwooyam.dev/series/snowball-project/CPDYyKybjnBtaZ0q42cR

 

Recoil 을 이용한 상태관리 (feat. useContext)

기존 스노우볼 프로젝트는 useContext API 를 통해 상태를 공유하며 관리하였지만, Provider 가 데이터를 제공하는 하위 컴포넌트 모두 useState 의 상태 변경시...

www.chanwooyam.dev

 

블로그 이전하였습니다.

 

https://www.chanwooyam.dev/series/snowball-project/u7NRxR73DCdSuT6Ylfoh

 

Three.js 클릭 이벤트 (Raycaster)

스노우볼 프로젝트를 제작하며, 스노우볼 클릭시에 스노우볼 내부로 들어가고, 장식 클릭시에 메세지 컴포넌트를 보이게 하려 기획을 하였었습니다. 3D 모델 렌더링을 하기 위해서 저...

www.chanwooyam.dev

 

블로그 이전하였습니다.

 

https://www.chanwooyam.dev/series/snowball-project/yw8pbwZaGoIWKm6YTjY5

 

React 리렌더링 최적화 (useContext, React.memo)

스노우볼 서비스를 상태관리 라이브러리 Recoil 을 사용하기 이전, useContext API 를 사용하여 상태관리를 진행하였습니다. ## useContext 를 사용한 이유 ...

www.chanwooyam.dev

 

블로그 이전하였습니다.

 

https://www.chanwooyam.dev/snippets/css/LYXnHQKO3fy5n55WGMIu

 

모바일 환경에서 100vh 문제

네이버 부스트캠프 프로젝트를 제작중에 여러 모바일 환경에서 동일한 화면을 보이기 위해 구현 하는 도중 문제가 발생했습니다. 기존 body 태그의 height 를 100vh 로...

www.chanwooyam.dev

 

'TIL > CSS' 카테고리의 다른 글

웹 폰트 최적화  (0) 2024.03.11

+ Recent posts