Next.js
1.Next.js router/ 페이지 이동 / 버튼에 페이지 이동 기능/ push()/Layout
🚨에러발생 Next.js - Parsing error: Cannot find module 'next/babel' ...\-> https://velog.io/@nemo/nextjs-parsing-errorcode.js = country뒤에 경로 붙일수있음...
2.Next.js] Next.js란?
프로젝트로 배우는 React.js & Next.js 마스터리 클래스 - 이정환 강사
3.Next.js] SSR(서버사이드 렌더링)/getServerSideProps/ context
SSR(서버사이드 렌더링)
4.Next.js] SSG
SSG(정적 사이트 생성) 이해하기 
SSG ISR: 일정시간이 지나면 최신데이터를 반영하는 기술!! ISR = SSG + SSR 
리액트 파일, Next.js파일로 변경하기
7. next.js 시작!
NEXT.js 란?
8.Next.js] 사전 랜더링이란?
초기접속 이후에는 빨라짐자바스크립트 번들에 접근 가능한 모든 컴포넌트 코드가 존재/ 전체 코드만 다 불러오면 나중엔 빨라짐서버에 새로운 요청 안해도 됨. 브라우저가 자체적으로 적절히 갈아끼움.😕초기 접속속도가 느려진다.🤔FCP가 느려진다.장점: 초기 접속 이후에 페
9.Next.js] Page Router 란?
페이지를 분할하여 이동페이지 폴더 아래 파일이름을 기준으로 페이지가 만들어짐노드 페키지 익세큐트npmjs.com에 있는 최신버전 노드패키지를 다운로드없이 바로 실행페이지스 폴더 아래로 라우터가 지정됨.page 안에 index.js 가 제일 메인 페이지앱 컴포넌트모든 페
10.Next.js] 페이지 라우팅 설정하기
페이지 만드는방법 폴더를 만들고 그 밑에 인텍스 파일을 만들어도 됨. 그냥 파일 이름으로 만들어도됨. 1) 2) useRouter 💙 next/router = page router 💙 next/navigation = app router 라우터를 컴포넌트 안에
11.네비게이팅
컴포넌트 내부에서 특정조건이 만족하거나 페이지를 이렇게 이동시킬수 있다.
12.프리패칭
페이지를 사전에 불러온다.사용자가 링크를 누르기전에 미리 페이지들을 준비함각 페이지의 소스만 보내준다.모든 페이지를 번들 파일을 전달하면 하이드레이션이 늦어진다.이전에는 현재 접속요청한 js파일만 보내줌그래서 JS파일을 각각 그때마다 보내줘야햄\-- 그래서\~\~~이