All Posts
lab
총 3개의 포스트
lab
리액트 바텀시트 컴포넌트 제작기 (feat. framer-motion)
React, TypeScript, framer-motion 기반으로 웹 환경 바텀시트를 직접 구현하며 기획부터 구조 설계, 드래그·애니메이션 로직까지 단계적으로 정리한 제작 기록이다.
2025년 8월 20일
lab
Three.js 컴포넌트를 React로 구현하고 구조화해보기
React, Three.js, react-three/fiber를 활용해 포트폴리오에 3D 애니메이션을 구현하고, 중복된 로직을 util 함수와 custom abstraction으로 단계적으로 리팩토링한 과정을 정리한 글이다. 정육면체 기반 애니메이션 구조 설계부터 공통 로직 분리, 상태 전환 관리, 컴포넌트 분리 및 Context 적용까지 실제 코드 개선 흐름을 중심으로 설명한다.
2025년 8월 6일
lab
코딩할 때 폰트 뭐 쓰세요? – 개발용 폰트 추천 가이드 (feat. IntelliJ)
개발용 폰트의 핵심 조건과 국내에서 많이 쓰이는 폰트들을 정리하고, 개인 취향에 맞는 폰트를 선택하는 방법과 추천 사이트를 소개한 글이다.
2025년 8월 1일