[Next.js] 1. 쓰는 이유

요새 주니어 개발자..취직 너무 힘들다.. 😂

 

 

뭐가 부족한지, 그리고 면접 갔었을 때 물어보던 것 들중 하나였던 ' Next.js 쓸줄 알아요? '...

그래서.. 준비하고 공부하려한다.. 

 

일단.. 인강질렀다.. ㅎ 

 

코딩애플 강의자분이 되게 말도 재밌게 해주시고, 이해도 잘 되게 말씀해주셔서 질렀고 ㅎ

프론트엔드 시대가 가고,, 이제 점점 풀스텍을 지향하는 시대가 오고 있다는데.. 미리 대비해야지.. ㅎ

 

취직 넘어렵짜냐... ㅠ_ㅠ..!!

나이제 Next.js 배워서 써먹을 예정이니 제발 나 뽑아줘라...ㅠ_ㅠ힝...!!!! 여튼!!!

 

 

여기서 부터 시작해보쟈 ~~

 

 

 

 

 

---

 

웹 개발시 Client-side Rendering 시대가 가고 Server-side Rendering 시대가 오고 있기 때문!

 

 

Client-side Rendering : 최근 몇년 사이 유행

- 리엑트나 뷰 같은 라이브러리를 써서 서버가 아니라 유저 브라우저에서 실시간으로 만들어 주는 것 : 페이지가 전환이 부드러워짐

단점 : - 구글 검색 노출 어려움, 페이지 로딩속도 오래걸림 => 사이트 수익성에 악영향 = 돈이 줄줄샌다 

 

 

Server-side Rendering : html을 서버에서 만드는 짓

- html 웹 페이지를 서버에서 미리 만들어서 보내주기 때문에 유저에게 많은 코드를 보내줄 필요가 없어서 가볍게 데이터가 오고갈 수 있고,  구글 검색 노출도 잘 된다. next.js에서 원하는 곳에서는 client -side rendering도 가능하다. 

=> 프론트엔드 전문 기술이 별로 필요 없음

 

 

그래서!!! Next.js 사용한다고 ???

 

사용하는 이유

 Nest.js = 풀스텍 프레임워크

프론트 +백엔드 모두 가능

리엑트 문법 모두 쓸 수 있음

리엑트 신기술 모두 도입중

 

+ 파일과 폴더만 만들면 html자동으로 만들어줌

+ 서버기능 만들고 db연결, 회원인증도 좀 더 쉽게 할 수 있음

+ 클라이언트 사이드 렌더링 가능

+ 아예 자바스크립트가 없는 빠른 페이지도 만들 수 있음

+ 서버 데이터 캐싱 쉽고, 최적화된 이미지를 만들 수 있음

 

 

 

휴..안쓸이유가 없네.. 지금이라도 배워서 써야지.. ㅠ

 

 

 

단점

- 폴더기반 라우팅을 해주다 보니 예약파일이 많아서 프로젝트가 커지면 복잡해 질 수 있음

- 클라이언트 컴포넌트와 서버 컴포넌트 구분해서 코드 짜야함

- websoket, webRTC를 쓰고 싶은 경우 서버 하나 더 만들어야함

 

서버 풀 기능이 아닌 html 렌더링을잘할 뿐이다. = 요즘제일 중요

 

 

그냥 하자 .. ㅎ