디자인하는 프론트엔드 개발자입니다. 우아한형제들에서 일하고 있습니다.
태그 목록
- 전체보기(25)
- vue.js(12)
- front end(7)
- S3(7)
- aws(7)
- cloudfront(5)
- JavaScript(5)
- acm(5)
- route53(5)
- React(4)
- CSS(3)
- html(3)
- https(3)
- ux(2)
- 프론트(2)
- 생산성(2)
- SSR(2)
- UI(2)
- circleci(2)
- github(2)
- seo(2)
- next.js(2)
- graphic(1)
- throttle(1)
- debounce(1)
- python(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)
- notion(1)
- 개발자(1)
- jest(1)
- 배민(1)
- ES6(1)
- svg(1)
- Severless(1)
- 최적화(1)
- 자동화(1)
- animation(1)
- ci(1)
- slack(1)
- mixin(1)
- npm(1)
- lodash(1)
- 스크럼(1)
- 애자일(1)
- 배포(1)
- 리액트(1)
- webstorm(1)
- Marketing(1)
- django(1)
- yarn(1)
- Performance(1)
- Module(1)
- 이직(1)
전체보기 (25)vue.js(12)front end(7)S3(7)aws(7)cloudfront(5)JavaScript(5)acm(5)route53(5)React(4)CSS(3)html(3)https(3)ux(2)프론트(2)생산성(2)SSR(2)UI(2)circleci(2)github(2)seo(2)next.js(2)graphic(1)throttle(1)debounce(1)python(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)notion(1)개발자(1)jest(1)배민(1)ES6(1)svg(1)Severless(1)최적화(1)자동화(1)animation(1)ci(1)slack(1)mixin(1)npm(1)lodash(1)스크럼(1)애자일(1)배포(1)리액트(1)webstorm(1)Marketing(1)django(1)yarn(1)Performance(1)Module(1)이직(1)
쉽게 따라하는 프론트엔드 웹 어플리케이션 패키지 최적화
본 포스트는 Next.js 기반 프로젝트의 트리셰이킹 진행 과정을 따라할 수 있도록 설명과 함께 정리한 글입니다. 비록 가능한 모든 최적화를 진행하지는 못했지만, 방법의 문제는 아니었으며 결과적으로 가장 중요한 페이지의 로딩 속도를 30% 가량 줄일 수 있었습니다.
2021년 6월 16일
·
2개의 댓글·
35
주니어도 할 수 있는 Next.js SEO - robots.txt와 sitemap.xml 자동 생성하기
본 포스트는 개발과 배포에 대한 지식은 가지고 있지만 아직 조금 낯설고 어려운 주니어 개발자들을 대상으로 작성되었습니다. Circle CI, GitHub Actions같은 CI(Continuous Integration) 툴과 자동화 배포에 대한 간단한 이해가 필요합니다
2020년 7월 19일
·
9개의 댓글·
29