next.js학습을 공유합니다. https://maily.so/nextdeepdive ko Sat, 24 May 2025 17:49:18 +0900 Next.js Server Actions와 TanStack Query를 활용한 데이터 페칭 완벽 가이드. API Routes 대비 Server Actions의 장점, CSRF 보안 메커니즘, App Router와 Pages Router에서의 TanStack Query 구현 방법을 실제 코드 예제와 함께 상세히 설명합니다. https://maily.so/nextdeepdive/posts/mjz63ej1zwk https://maily.so/nextdeepdive/posts/mjz63ej1zwk Sat, 24 May 2025 17:49:18 +0900 Next.js의 에러 핸들링과 로딩 전략을 알아봅니다. 예상 가능한 에러와 예상치 못한 에러 처리 방법, loading.js와 Suspense를 활용한 로딩 UI 구현 방법에 대해 정리했습니다. https://maily.so/nextdeepdive/posts/x1zgn4qkoqg https://maily.so/nextdeepdive/posts/x1zgn4qkoqg Sat, 17 May 2025 22:00:04 +0900 Next.js App Router의 Layout과 Template 차이점을 실무 코드 예시와 함께 완벽 정리. 상태 유지, 페이지 전환 애니메이션, 라우트 파라미터 처리 방법부터 Pages Router 대안까지 모든 것을 다룹니다. https://maily.so/nextdeepdive/posts/w6ov6x73zk5 https://maily.so/nextdeepdive/posts/w6ov6x73zk5 Sat, 10 May 2025 18:00:07 +0900 본 글에서는 Next.js의 렌더링 전략을 MPA(Multi-Page Application)와 SPA(Single-Page Application) 관점에서 분석한다. Next.js가 어떻게 두 방식의 장점을 결합해 하이브리드 애플리케이션을 구현하는지 살펴보고, 특히 Link 컴포넌트의 역할과 client/server 컴포넌트의 관계를 중점적으로 조사한다. 이를 통해 Next.js가 제공하는 최적화된 사용자 경험 구현 메커니즘을 이해할 수 있다. https://maily.so/nextdeepdive/posts/g1o4kd4vrve https://maily.so/nextdeepdive/posts/g1o4kd4vrve Sat, 03 May 2025 07:00:05 +0900 모던 웹 개발에서 모듈 번들러는 다양한 자바스크립트 파일, CSS, 이미지 등의 리소스를 최적화하고 효율적으로 제공하는 핵심 도구입니다. 코드 분할, 트리 쉐이킹, 에셋 최적화 등을 통해 성능과 사용자 경험을 향상시키며, 개발 과정에서 핫 모듈 교체(HMR)와 같은 기능으로 개발자 경험을 개선합니다. https://maily.so/nextdeepdive/posts/2qzplg2er4x https://maily.so/nextdeepdive/posts/2qzplg2er4x Fri, 25 Apr 2025 07:00:02 +0900 본 글은 Next.js 프레임워크에서 라우팅 시스템의 발전과 중요성을 살펴보고, 특히 App Router와 Pages Router의 근본적인 차이점을 분석한다. 또한 현대 웹 어플리케이션에서 사용되는 다양한 렌더링 전략과 라우팅 전략 간의 상관관계를 조사하여, Next.js의 새로운 App Router가 해결하고자 했던 기술적 도전과 근본적인 정신을 시사한다. https://maily.so/nextdeepdive/posts/10z366eezlw https://maily.so/nextdeepdive/posts/10z366eezlw Sat, 19 Apr 2025 11:00:01 +0900