올리브영 메인페이지 성능 개선기
온라인몰 메인페이지의 초기 렌더링 지연과 느린 LCP 문제를 분석하고, 불필요한 지연 로직 제거와 탭 렌더링 순서 조정으로 개선했습니다. 또한 데이터 분리와 모니터링을 통해 FID, LCP, 로딩 타임을 함께 줄였습니다.
#성능#웹
32005분
필터 1
새로운 컬리몰 NX를 소개합니다.
컬리몰 웹프론트팀의 NX 전환 과정을 소개한 글입니다. 레거시를 걷어내며 성능 개선, URL 통합, 코드 품질 강화를 이뤘습니다.
#Next.js#React
38005분
Zum Portal Core JS 소개
줌인터넷 프론트엔드 파트의 표준화 코어 패키지 도입과 분리 과정을 소개했습니다.\nSSR, 캐시, 설정 표준화로 유지보수와 배포 시간을 개선한 내용을 정리했습니다.
#Vue.js#node.js
4005분
Vue SSR 제대로 적용하기 (feat. Vanilla SSR)
SSR의 개념부터 Vanilla JS와 Vue를 이용한 적용 흐름까지 단계적으로 설명했습니다. 또한 Hydration, state 동기화, 선택적 SSR과 실패 시 CSR 대체 방법까지 정리했습니다.
#Vue#SSR
4005분
INVESTING.COM 클론 코딩(feat. Vue JS SSR, CANVAS API)
Vue.js SSR과 Canvas API로 INVESTING.COM 클론 코딩 파일럿 프로젝트를 진행한 경험을 정리했습니다. 실시간 시세, 차트, 검색, 댓글 기능과 함께 협업 방식과 기술적 고민을 공유했습니다.
#Vue.js#TypeScript
2005분
모바일 줌 SpringBoot → NodeJS 전환기 (feat. VueJS SSR)
모바일 줌의 Spring Boot 백엔드를 Node.js Express와 Vue SSR 기반으로 전환했습니다. 검색엔진 유입과 TPS가 개선되고 코드와 메모리 사용량도 줄었습니다.
#Spring Boot#node.js
4005분