Next.js_Blog
1.[Next.js] 13, 14버전 공부시작
오래전 Next.js 를 사용해서 카카오톡 같은 채팅 앱도 만들고, 작은 넷플리스 앱도 만들었었는데...벌써 Next.js 13버전이 나온지 1년밖에 안됬는데 14버전이 나왔다고한다.현재는 React + Material UI 를 사용해서 프로젝트를 진행하고 있지만,빠르
2.[Next.js 13] Server Component 란? (feat.use client)
3.[Next.js 13] 생활코딩 next.js 13 (1/2)
오늘은 생활코딩의 next.js 유투브 강의를 보면서 따라한 내용을 정리할 것!글을 읽고, 작성하고, 보고, 삭제할 수 있는 crud 가 가능하도록 간단한 json.server 를 구축해 볼 것이다.watch : 서버에 변경사항이 생기면 서버가 재시동되어 즉시 변경사항
4.[Next.js 13] 생활코딩 next.js 13 (2/2)
.env.local 파일을 루트 디렉토리에 생성한다.해당 파일은 .gitignore 에 포함되어있을 것이다.먼저, NEXT_PUBLIC 을 붙이지 않으면 서버 컴포넌트에서만 작동하며 클라이언트 컴포넌트에서 작동하지 않는다.그 이유는 NEXT_PUBLIC 을 붙이면 브라
5.[TIL] NextJS #1 NextJS 와 React 의 차이(SSR vs CSR)
NextJS 공부 전, React 와 어떻게 다른건지 궁금하여 공부하기로 한당. 빠샤.자바스크립트 "라이브러리"의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.NextJS는 React로 만드는 서버 사이드 렌더링(SSR) "프레임워크"프레임워크와 라이브러리의 차이
6.[TIL] Next.js #2 기본 기능들
Next.js 의 기본적인 기능에 대해 공부해보자. SSR(Server-Side-Rendering) SRR 은 앞서 공부한 내용을 참고하자 automatic routing Pages 폴더에 있는 파일은 해당 파일 이름으로 라우팅 된다! pages/about.ts
7.[TIL] Next.js #3 Next/Image 에 대해서
오늘은 Next JS 로 영화 클론앱을 만들며 공부했던 Next/Image에 대해서 :) Next/Image ❗ 공식문서 Next에서는 기본적으로 HTML에서 제공하는 ` 태그가 아닌, 기본적으로 Image` 컴포넌트를 제공한다. - 어떤 기능을 제공할까 ? N
8.[TIL] Next.js #4 rewrites 란?
제일 신기하고 편리했던 속성! 사랑스러운 기능..❗공식문서rewrites 기능을 사용하면, 사용자로부터 들어오는 요청 경로를 다른 경로로 매핑할 수 있다.대상 경로를 마스킹하여 사용자가 사이트에서 자신의 위치를 변경하지 않은 것처럼 보이게하는데,이 기능의 반대인 red
9.[TIL] Next.js #5 _app.tsx 와 _document.tsx, 그리고 Layout.tsx
페이지 구조를 정의하는 파일에 대해 알아보자 :)\_app.tsx 는 공통적인 레이아웃을 가진 모든 페이지에서 사용될 템플릿이라고 생각하면 편하다. 예를 들어, 헤더, 푸터 등.\_document.tsx 는 HTML 문서 전체에 적용될 공통적인 스타일, 스크립트, 메타
10.[TIL] Next.js #6 getServerSideProps 와 getInitialProps ?
SSR 그 잡채. getServerSideProps 를 공부하다가getInitialProps 이 계속 꼬리표처럼 검색 결과에 따라와서, 궁금해져서 같이 알아보게 되었다.Next 9.3 부터 getServerSideProps가 도입되면서 getServerSideProps