# app router

38개의 포스트
post-thumbnail

Next.js app router 기반에서 msw(browser) 세팅하기(module not found 오류 해결)

MSW 세팅에 관한 내용이므로 개념에 관한 부분은 설명하지 않고 넘어갑니다. 개념은 공식문서를 참고하거나 다른 레퍼런스를 참고해 주세요과거에 page route 시절 msw를 세팅 해본적이 있어, app router 기반에서도 유사하게 구성 해보았으나 잘 되지 않았다(

1일 전
·
0개의 댓글
·
post-thumbnail

Next.JS에 리액트 쿼리 적용하기

이번 글은 Next.JS 13.4버전 이상의 App Router에 리액트 쿼리를 적용하는 방법을 정리해보겠다

2023년 11월 5일
·
3개의 댓글
·
post-thumbnail

App Router + Data Fetching (NEXT.JS 13)

NEXT.JS 13버전의 공식문서를 통해 앱라우팅, 데이터패칭을 이해하고 NEXT.JS를 제대로 써보자

2023년 10월 24일
·
0개의 댓글
·
post-thumbnail

땔감특집! Next.js App Router 납품 후기

타오를 뿐인 SI SM 밖에 못하는 땔감새끼가 어디 감히 신성한 Next.js 13, 그것도 앱 라우터를 영접하느냐? 어자피 땔감 능력은 땔감일 뿐이거늘.

2023년 10월 13일
·
5개의 댓글
·

Next.js 13 마이그레이션

Next.js 12로 만든 블로그를 Next.js 13의 App Route로 마이그레이션하기

2023년 10월 8일
·
0개의 댓글
·

5.Next.js App Router에 대해 알아보자(5. 라우트 그룹 사용하기)

app 디렉토리는 일반적으로 URL 경로에 따라서 폴더들이 계층을 가지고 있습니다. 하지만 개발자가 특정 폴더를 라우트 그룹이라고 표시를 하면 특정 폴더를 라우트 URL 패스에 포함되지 않도록 막을 수 있습니다. 이것을 사용하면 URL 경로 구조에 영향을 주지 않고

2023년 9월 15일
·
0개의 댓글
·

App router에선 CSS를 어떻게 쓸까

프로젝트에서 Next.js13을 사용하기 위해 떠난 험난한 여정..

2023년 9월 10일
·
0개의 댓글
·

Next.js App Router에 대해 알아보자(3. 페이지와 레이아웃)

페이지 경로에 대한 고유 UI입니다. page.tsx에서 만듭니다. 페이지에 대해 다음 사실을 알면 도움이 됩니다. > 페이지는 모든 라우터 서브트리에 리프노드입니다. 페이지는 기본적으로 서버 컴포넌트로 구성되지만 클라이언트 컴포넌트로도 사용이 가능합니다. 페이지는

2023년 8월 27일
·
0개의 댓글
·

Next.js App Router에 대해 알아보자(1. 개요)

Next.js에서 나온 애플리케이션의 뼈대는 라우팅입니다. 따라서 라우팅에 대해 반드시 이해해야 한다. 용어 정리 라우터 용어를 정리해봅시다. > tree: 부모 - 자식의 계층 관계로 폴더 구조를 생각하면 쉽다. subtree: 트리에 새로운 부분으로 루트와 리프

2023년 8월 27일
·
0개의 댓글
·
post-thumbnail

Next.js v13 App Router로 제품 만들기: 이제 더 이상 Axios를 쓰지 않기로 했습니다

Next.js 13버전의 App Router는 fetch 사용을 권장합니다. Axios를 쓰다가 fetch로 넘어가면서 느낀 불편함을 어떻게 해소했는지, Next.js에서 fetch를 잘 사용하려면 무엇을 고려해야하는지 정리했습니다.

2023년 8월 7일
·
8개의 댓글
·

NextJS 13.4 App Router + TailwindCss - ganOverflow 회고

NextJS 13.4 App Router 회고를 간단히 tailwindcss 사용기부터 시작하려고 한다.많은 장점이 있지만, 우리가 이번에 tailwind를 사용하기로 결정한 가장 큰 이유는 Next팀이 장려하고 있기 때문.를 CLI로 입력하면,이 메세지가 뿅 나타난다

2023년 8월 3일
·
0개의 댓글
·
post-thumbnail

[번역] Next.js13 App Router - Routing - Parallel Routes

App Router - Routing - Parallel Routes

2023년 7월 30일
·
0개의 댓글
·

[번역] Next.js13 App Router - Routing - Dynamic Routes

App Router - Routing - Dynamic Routes

2023년 7월 28일
·
0개의 댓글
·
post-thumbnail

[번역] Next.js13 App Router - Routing - Route Groups

App Router - Routing - Route Groups

2023년 7월 28일
·
0개의 댓글
·