| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | ||||||
| 2 | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 |
- 생각일기
- js
- 리눅스
- react
- next.js
- 생각정리
- mongoose
- Git
- javascript
- 피드백
- 자바스크립트
- 생각로그
- Java
- til
- mysql
- nest.js
- 네트워크
- 회고
- 코테
- MongoDB
- 주간회고
- 기록
- 알고리즘
- array
- mongo
- Grafana
- 트러블슈팅
- CS
- WIL
- typescript
- Today
- Total
목록2025/11 (2)
코딩일상
[Next.js] dynamicImport?? 란 선 구현 후 배움
Next.js Dynamic Import 완벽 가이드목차Dynamic Import란?왜 사용하는가?ssr: false의 의미loading의 역할실전 예시Dynamic Import란?코드 분석const NaverMap = dynamic(() => import("@/components/map/NaverMap"), { ssr: false, loading: () => ,});한 줄 요약: "필요할 때만 가져오기"쉬운 비유일반 import (정적 import):여행 갈 때 모든 짐을 다 들고 출발├─ 수영복 (바다 안 가도 챙김)├─ 등산화 (산 안 가도 챙김) ├─ 스키복 (겨울 아닌데도 챙김)└─ 가방 무거움! 😫→ 처음부터 다 가져가니까 느림dynamic import (동적 import):필요한 것만..
[공부]WebP가 왜 더 가볍고 화질 좋은가(그냥 용량 적어지는 거아니야?)
서론: 공부하다 보니 개념이 너무 복잡하여 최대한 이해하기 쉬운 방향성으로 정리 하였다 웹용 이미지 형식 | WebP | Google for Developers더 작은 웹용 이미지를 만들고 변환기 다운로드 및 지원 링크를 가져오는 이 이미지 형식에 관해 알아보세요.developers.google.com 공식 문서에서 설명WebP는 웹 이미지에 뛰어난 무손실 및 손실(lossy) 압축을 제공하는 최신 이미지 형식입니다. 웹마스터와 웹 개발자는 WebP를 사용해 더 작고 풍부한 이미지를 제작하여 웹을 더 빠르게 만들 수 있습니다.WebP 무손실 이미지는 PNG 이미지보다 26% 더 작습니다. WebP 손실(lossy) 이미지는 동등한 SSIM 품질 색인에서 비슷한 JPEG 이미지보다 25~34% ..