Frontend/Next.js

[Next.js] Next.js 기본 개념

MJ FE 2023. 5. 9. 19:50

오늘은 Next.js를 공부하기 시작한지 몇 일이 지난 시점에서 기본적으로 Next.js가 무엇인지, 장/단점 등 공부를 하며 기록해보려한다. 

 

 

 

우선 Next.js는 React 라이브러리의 프레임워크이다.

React를 사용하면서 이 프레임워크를 사용하는 가장 큰 이유는 SEO(검색 엔진 최적화)를 위한 SSR(Server Side Rendering)이 가능하기 때문이다.

또 다른 몇 가지 이유들에는 다양한 기능들을 제공하는 것인데 타입스크립트 기본 지원, 코드 분할 (Code Splitting), 파일 기반 구조, 이미지 최적화 등이 있다.

성능 향상, SEO, 개발자 편의 등 여러 가지 장점을 가져오기 때문에 많은 기업들에서도 사용되고 있다.

 

 

아래 글은 이전에 작성한 게시글인데 Next.js 를 사용하는 가장 큰 이유와 관련하여 좀 더 이해를 도와준다.

* CSR vs SSR 관련 이전 작성글 : https://m-oonjm.tistory.com/18

 

[Study] CSR vs SSR

브라우저 렌더링이란, 브라우저가 서버로부터 HTML, CSS, JavaScript 등의 문서를 전달받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 그려주는 것이다. 공부를 하고 취업 준비를 하면서 자

m-oonjm.tistory.com

 

 

이제 Next.js를 공부하기 시작해 여러 가지 기능들을 직접 경험해보고 기능들에 대한 장점과 느낀점에 대해서 다음글에 기록 해봐야겠다. 그리고 최종적으로는 Next.js를 활용해 프로젝트까지 진행한 뒤 회고까지 올려보자!!