이번 시리즈에선 요즘 핫하다고 할 수 있는 Next.js에 대해 한번 배워보고 정리하는 글쓰기를 하려 한다.

그리하여 처음 시작하는 블로깅에선 Next.js를 배워야 하는 이유에 대해 간단하게 알아보자.

🤔 SSR vs CSR

갑자기 이게 무슨 단어지??
Next.js가 SSR 기반의 프레임 워크로써 강점을 가지고 있다. 그렇기 때문에 이에 대해 먼저 알아볼 필요가 있다.

SSR

이는 Server_Side_Redering의 약자이다. 서버에서 페이지 렌더링을 끝내고 클라이언트에게 보내는 방식이다.

CSR

이는 Client_Side_Rendering 방식으로 서버에서 데이터를 보내 유저 브라우저에서 페이지를 만드는 방식이다.

여기서 말하는 데이터는 HTML코드, JS 코드 등을 말한다.

그렇다면 Next.js가 SSR이라서 강점을 얻는다고 했는데 무슨 장점이 있을까?
가장 중요한 장점은 두가지이다.

SSR만의 강점

1. 구글 검색 노출이 잘된다.
2. 페이지 로딩속도가 빠르다.

CSR의 경우에는 구글 검색 노출이 잘 되지 않고, 페이지 로딩속도가 느리다. 이게 무슨 의미일까? 바로 수익성과 바로 직결된다.
이 CSR의 단점들 때문에 돈이 세게 된다.
그렇기 때문에 SSR의 강점을 가진다.

Next.js 를 쓰는 이유

수익성 때문에 SSR기반의 프레임워크를 쓰는거군. 그렇다면 그 중에서도 Next.js를 많이 쓰는 이유는 뭔데??

사실 SSR기반의 프레임워크는 이 뿐만 아니라 여러가지가 있다.
Ex) Nuxt.js, Gatsby, Angular Universal
이보다 Next.js를 강조하는 이유는 무엇일까?

1. 개발이 상대적으로 쉽다.

   Next.js는 기본 설정이 이미 갖춰져 있어 개발자가 별도로 설정을 구성할 필요가 없다. 간단한 몇 가지 규칙을 따르면 프로젝트를 빠르게 시작할 수 있다.

2. React 문법을 그대로 사용하고 있다.

   현재 프론트 생태계에서 React를 많이 사용하고 있는데, 이 문법을 그대로 가져가고 있기 때문에 접근성이 좋다는 장점이 있다.

3. 빠른 사이트를 만들 수 있다. => SSR의 장점

4. 풍부한 생태계

   현재 우리나라 기업들에선 Next.js를 다룰 수 있는 프론트엔드 개발자를 많이 선호하고 있다. 이 때문에 많은 이들이 Next.js를 다루고 있고 이를 통한 생태계가 홟발한 상태이다.

정리해보면 SSR이 중요시 되고 있는 현 사회에서 React기반으로 쉽게 다룰 수 있고 많은 회사들이 원하고 있기 때문에 프론트엔드 개발자라면 안 배울 이유가 없다... 정도로 보면 될 것 같다.

아래 그림은 잡코리아 에서 가장 상단에 뜨는 프론트엔드 개발자 모집 사항을 가져와봤다.
우선 보면 React같은 기본적인 프론트엔드 프레임워크를 기반으로 하고, SSR기반의 프레임워크 즉 지금 배우려는 Next.js 를 원하는 것을 손쉽게 확인할 수 있다.

이 기업 뿐 아니라 대부분의 기업이 위의 사항과 거의 비슷하다.

이것만 봐도 우리가 왜 Next.js를 배워야 하는지 알 수 있다.

마무리

이번 블로깅에선 Next.js를 배우는 이유에 대해 간략하게 알아보았다. 이후 블로깅에선 Next.js를 직접 배우고, 적용해보는 것을 진행해보려 한다.