Writing
All Posts
학습하고 부딪히며 남긴 기록 6편.
2년차, 드디어 레거시를 만나다
신규 프로덕트와 0 to 1 프로젝트를 지나 처음으로 레거시를 마주하며 느낀 개발 조직, 코드베이스, 마이그레이션 비용에 대한 회고.
8 min read#회고 #커리어 #Legacy
아이콘 번들 사이즈 최적화 분투기
Heroicons에서 RemixIcon으로 전환하며 커진 아이콘 번들을 분석하고, selective import와 Webfont 방식으로 번들 사이즈를 줄인 과정.
12 min read#optimization #web #NextJS
next-safe-action으로 server action logger를 만들어 보자
Next.js Server Actions에 next-safe-action을 적용해 타입 안정성과 middleware 기반 로깅을 구성하고, 개발 단계 디버깅 경험을 개선한 기록.
10 min read#NextJS #server action #web3D 캐러샐을 만들어 보자
react-spring-3d-carousel을 함수형 컴포넌트로 재구성하며 3D 캐러샐의 구조, 라이프사이클 마이그레이션, 클릭·스와이프 이벤트와 트러블슈팅을 정리합니다.
12 min read#React #TROUBLESHOOTING #web[기술 면접] 스터디 방법부터 예상 면접 질문까지
기술 면접 준비 방법, 면접 스터디 운영법, 그리고 운영체제·자료구조·알고리즘·데이터베이스 예상 면접 질문 모음.
20 min read#CS #면접토스페이스를 클론코딩 해보자
React Three Fiber로 토스 페이스 3D 체험 페이지를 클론코딩하며 겪은 개발 환경 세팅, 주요 기능 구현, 트러블슈팅 기록.
15 min read#TROUBLESHOOTING #ThreeJS #web