profile
디자인하는 프론트엔드 개발자입니다. 우아한형제들에서 일하고 있습니다.
post-thumbnail

시각적 회귀 테스트로 서비스 안정성 끌어올리기

이 글은 2022년 1월 우아한테크세미나에서 발표 주제로 다루었던 시각적 회귀 테스트를 구현하는 방법을 좀 더 자세히 설명한 글입니다. 우아한형제들 기술블로그에 있는 것과 같은 내용입니다.

2022년 2월 18일
·
0개의 댓글
·
post-thumbnail

쉽게 따라하는 프론트엔드 웹 어플리케이션 패키지 최적화

본 포스트는 Next.js 기반 프로젝트의 트리셰이킹 진행 과정을 따라할 수 있도록 설명과 함께 정리한 글입니다. 비록 가능한 모든 최적화를 진행하지는 못했지만, 방법의 문제는 아니었으며 결과적으로 가장 중요한 페이지의 로딩 속도를 30% 가량 줄일 수 있었습니다.

2021년 6월 16일
·
2개의 댓글
·
post-thumbnail

꺾쇠 멈춰! 첫 npm/yarn 패키지 배포기

서론 오늘 아침에 방 청소를 업체에 맡기고 잠시 나가있는 동안 잠깐 할 수 있는 일이 없을까 하는 생각이 들었습니다. 문득 회사에서 직접 만든 컴포넌트 중에 오픈소스화 할 수 있을 것 같은 컴포넌트가 있어서, 패키지로 배포해볼까 하는 생각이 드는 것이 있었습니다. 그

2021년 5월 15일
·
0개의 댓글
·
post-thumbnail

웹페이지 성능 개선하기: 이미지와 그라데이션

복잡한 그래픽이 많은 페이지의 성능 개선하기

2020년 12월 2일
·
2개의 댓글
·
post-thumbnail

주니어도 할 수 있는 Next.js SEO - robots.txt와 sitemap.xml 자동 생성하기

본 포스트는 개발과 배포에 대한 지식은 가지고 있지만 아직 조금 낯설고 어려운 주니어 개발자들을 대상으로 작성되었습니다. Circle CI, GitHub Actions같은 CI(Continuous Integration) 툴과 자동화 배포에 대한 간단한 이해가 필요합니다

2020년 7월 19일
·
9개의 댓글
·