디자인하는 프론트엔드 개발자입니다. 우아한형제들에서 일하고 있습니다.
태그 목록
- 전체보기(26)
- vue.js(12)
- S3(7)
- aws(7)
- front end(7)
- JavaScript(5)
- acm(5)
- cloudfront(5)
- route53(5)
- React(4)
- https(3)
- html(3)
- CSS(3)
- circleci(2)
- 생산성(2)
- SSR(2)
- UI(2)
- github(2)
- seo(2)
- next.js(2)
- 프론트(2)
- ux(2)
- Performance(1)
- Module(1)
- 이직(1)
- graphic(1)
- throttle(1)
- debounce(1)
- python(1)
- 구직(1)
- 디자인모임(1)
- 네트워크(1)
- ESLint(1)
- webpack(1)
- frontend(1)
- 산업기능요원(1)
- 채용(1)
- deploy(1)
- nuxt.js(1)
- 테스트(1)
- next(1)
- circle CI(1)
- PM(1)
- github actions(1)
- JetBrain(1)
- 병특(1)
- CLEAN CODE(1)
- Google Analytics(1)
- puppeteer(1)
- 성능(1)
- TreeShaking(1)
- markup(1)
- Tracker(1)
- 동아리(1)
- notion(1)
- 개발자(1)
- 프로젝트(1)
- jest(1)
- 배민(1)
- ES6(1)
- svg(1)
- Severless(1)
- 최적화(1)
- 자동화(1)
- animation(1)
- ci(1)
- slack(1)
- mixin(1)
- 커뮤니티(1)
- IT(1)
- npm(1)
- lodash(1)
- 스크럼(1)
- 애자일(1)
- 배포(1)
- 리액트(1)
- 개발모임(1)
- webstorm(1)
- Marketing(1)
- django(1)
- yarn(1)
전체보기 (26)vue.js(12)S3(7)aws(7)front end(7)JavaScript(5)acm(5)cloudfront(5)route53(5)React(4)https(3)html(3)CSS(3)circleci(2)생산성(2)SSR(2)UI(2)github(2)seo(2)next.js(2)프론트(2)ux(2)Performance(1)Module(1)이직(1)graphic(1)throttle(1)debounce(1)python(1)구직(1)디자인모임(1)네트워크(1)ESLint(1)webpack(1)frontend(1)산업기능요원(1)채용(1)deploy(1)nuxt.js(1)테스트(1)next(1)circle CI(1)PM(1)github actions(1)JetBrain(1)병특(1)CLEAN CODE(1)Google Analytics(1)puppeteer(1)성능(1)TreeShaking(1)markup(1)Tracker(1)동아리(1)notion(1)개발자(1)프로젝트(1)jest(1)배민(1)ES6(1)svg(1)Severless(1)최적화(1)자동화(1)animation(1)ci(1)slack(1)mixin(1)커뮤니티(1)IT(1)npm(1)lodash(1)스크럼(1)애자일(1)배포(1)리액트(1)개발모임(1)webstorm(1)Marketing(1)django(1)yarn(1)
쉽게 따라하는 프론트엔드 웹 어플리케이션 패키지 최적화
본 포스트는 Next.js 기반 프로젝트의 트리셰이킹 진행 과정을 따라할 수 있도록 설명과 함께 정리한 글입니다. 비록 가능한 모든 최적화를 진행하지는 못했지만, 방법의 문제는 아니었으며 결과적으로 가장 중요한 페이지의 로딩 속도를 30% 가량 줄일 수 있었습니다.
2021년 6월 16일
·
2개의 댓글·
34