Next.js

13v, 14v 차이점은 router 변화가 있다.13v에서 Pages Router 만 존재했다면 14v에서는 Pages Router 외에 App Router가 추가됐다.🔍 그럼 왜 App Router가 추가됐을까?기존 Pages Router에는 부족한 점들이 많았다

한 페이지에서 다 하는 SPA(Single Page Application) 방식의 유행프론트의 비중이 점점 높아짐MVC 등의 개발 방식은 대규모 개발에 적합치 않음기존 프론트엔드에서 jquiry 이후 angular 가 출시됐고 이후에 angular의 단점을 보안하기 위

props props를 통해 부모 자식 간 데이터 전달을 할 수 있다. 하지만 자식이 부모에게 데이터를 전달하려면

함수형 vs 클래스 컴포넌트 클래스 컴포넌트는 이제 거의 사용하지 않는다. 다만, 함수 컴포넌트가 되면서 라이프 사이클 관리가 복잡해졌다. 라이프 사이클 useEffect 하나로 해결한다. -> 컴포넌트 마운트 시, 리렌더링 시, 언마운트 시... useEffe

next.js에서 모달을 띄워주고 싶을 땐 패러렐 라우트를 사용하면 된다. 패러랠 라우트를 만들어 줄 때 마찬가지로 디렉토리를 만들어 주면된다. 하지만 네이밍을 조금 다르게 지어야 하는데 디렉토리 가장 앞에 @를 붙여주면 된다. 예를들어 (beforeLogin)

Next.js 에서 디렉토리에 page.tsx 를 만들고 나면 해당 파일은 자연스럽게 서버 컴포넌트로 지정된다. 서버 컴포넌트에서 useState, useEffect 같은 훅을 사용할 수 없고, 클라이언트 컴포넌트에서만 사용할 수 있기 때문에 page.tsx안에서 클

default.tsx 를 만들어주면 패러렐 라우트 기본값으로 설정되어 만약 페러렐 라우트를 사용하지 않으면 해당 컴포넌트 기본값으로 한다.