<aside> 📎

• GitHub: https://haneul.dev
• LinkedIn: https://www.linkedin.com/in/haneul-fe/ </aside>

안녕하세요. Frontend Developer 조하늘입니다.

본 페이지에는 주로 Frontend 개발을 하며 기억에 남거나 공유하고 싶은 내용을 작성하였으며, React나 Vue.js에 국한된 것이 아닌, Frontend 전반 경험과 기술에 대한 내용을 우선으로 담았습니다. ☺️

📌 작성한 기술 문서, 경험들

💎HTML 문서 맥락을 유지하며, 선언적으로 웹뷰 Title Bar에 Action 버튼 삽입하기

• 자세히 보기

💎React 동영상 썸네일 추출 모듈 만들고, NPM에 공개하기

• 자세히 보기

💎IntersectionObserver와 Recoil을 캐시 스토어로 활용해서 무한 스크롤 목록 성능과 사용자 경험 두마리 토끼 잡아보기

• 자세히 보기

💎Vue SPA 엔트리 파일 50kb 미만으로 성능 최적화하기

(Webpack Magic Comment와 Sprite 기법 사용, CLS 줄여 사용자 경험 높이기)

• 자세히 보기

💎높이값이 어마어마한 이미지를 한 번에 로드하면 사파리가 멈춘다고? 성능 잡아보기

• 자세히 보기

💎TanStack Query 래핑 코드로 코드량 줄여보기

• 자세히 보기

💎Next.js 13버전에서 파일 하나로 인증 라우트와 메타 데이터 효율적으로 관리하기

• 자세히 보기