홈
컨텐츠
시리즈
시작하기
최신순
이미지 최적화: Rendered Size, Intrinsic Size, 그리고 DPR 이해하기
다양한 디바이스와 해상도에서 선명한 이미지를 제공하려면 Rendered Size(렌더링 크기), Intrinsic Size(내재 크기), 그리고 DPR(Device Pixel Ratio)의 개념을 이해하고 이를 활용해야 합니다.
두리
1일 전
이미지 최적화: srcset과 DPR, sizes 및 Lazy Loading 가이드
클라이언트 사이드에서 할 수 있는 가장 중요한 작업은 DPR을 고려한 srcset, sizes, 그리고 Lazy Loading을 설정해 다양한 디바이스와 해상도에 최적화된 이미지를 제공하는 것입니다.
두리
1일 전
이미지 최적화: 2025 이미지 포맷 가이드 -JPEG, PNG, WebP, AVIF
JPEG, PNG, WebP, 그리고 최신 기술인 AVIF 포맷의 역사와 성능을 비교 분석하며, 현시점 최고의 이미지 전송 전략에 대해 이야기 해보겠습니다.
두리
1일 전
2025 프론트엔드 개발자 로드맵
2025 프론트엔드 개발자 로드맵입니다
두리
6일 전
Playwright vs Cypress: e2e 테스팅 툴 비교 - Playwright가 압도적 승자인 이유
엔드 투 엔드(e2e) 테스팅은 현대 웹 개발에서 필수적인 단계로 자리 잡았습니다. 이 과정에서 Playwright와 Cypress는 가장 주목받는 도구들입니다. 현재시점에서 playwright이 압도적인 승자입니다. 이번 글에서는 api의 완성도, 디버깅 기능, 테스트 성능 세 가지 측면에서 두 도구를 비교해 보겠습니다.
두리
6일 전
왜 나는 제자리에서 방황했을까? - 의사결정이 흔들릴때
이 기본적인 질문들에 답을 하지 못했기 때문에, 아니, 고민조차 안했기 때문에 내 의사결정은 계속 흔들렸고, 방향성이 정해지지 않아 제자리걸음만 반복했다.
두리
1주 전
Next.js와 Playwright, vitest로 TDD 입문하기 2-8강: 마무리 및 회고
마무리 및 회고
두리
1주 전
Next.js와 Playwright, vitest로 TDD 입문하기 2-7강: api연동 후 통합테스트
api연동 후 통합테스트
두리
1주 전
Next.js와 Playwright, vitest로 TDD 입문하기 2-6강: TDD로 로그인 성공/실패 개발하기(api모킹)
TDD로 로그인 성공/실패 개발하기(api모킹)
두리
1주 전
Next.js와 Playwright, vitest로 TDD 입문하기 2-5강: TDD로 제출버튼 활성화 개발하기
TDD로 제출버튼 활성화 개발하기
두리
1주 전
Next.js와 Playwright, vitest로 TDD 입문하기 2-4(2)강: TDD로 이메일 양식 오류 개발하기
TDD로 이메일 양식 오류 개발하기(2)
두리
1주 전
Nextjs와 playwright, vitest로 TDD 입문하기 2-4(1)강: TDD로 이메일 양식 오류 개발하기
TDD로 이메일 양식 오류 개발하기(1)
두리
1주 전
