가벼운 마음으로 읽고 있습니다.

“한빛미디어 서평단 ＜나는리뷰어다＞ 활동을 위해서 책을 협찬받아 작성된 서평입니다.”

React.js 다음은 Next.js, 어떻게 보면 당연한 수순 같다. 이 책을 보기 전 소플의 React.js 책을 읽었다. 업무 때문에 React.js를 class 사용하는 코드를 작성하다가 훅을 사용하는 코드로 넘어가고 있었던 시절이랬다. 심지어 담당하던 클라이언트 개발자가 퇴사해서 혼자 백엔드와 프론트엔드를 꾸역꾸역 하고 있던 시기에 React.js를 이해하기 위해 무던히 애쓰던 그 시기에 이 책을 읽고 다시 한 번 기초 개념을 다지는 데 유용했던 기억이 있다. 그래서 기대를 안고 Next.js 책을 선택했다.

지금은 새로운 담당 개발자가 있어 레거시 코드를 점차 최신화 하고 있다. 그런데 얘기 도중 Next.js로 넘어갈 거라고 한다. 대충 찾아보니 SSR 사용하는 데 좋다고 한다. 내용상 SSR 사용이 그닥 필요없는데 싶었다. 왠만큼 필요하면 도입하자 할 텐데, 내 관점에서는 솔직히 불필요하다. 계속 상황이 바뀌고 있어서, 굳이 SSR 써서 싱크 맞춰 배포를 자주 할 필요가 없다.

하지만 Next.js에 SSR만 있는 게 아니니까, 체계적인 관리를 위해서라도 도입은 피할 수 없어 보였다. 그러니 별 수 있나, 공부해야지.

그래서 이 책이 더욱 기대가 되었다. 얼마나 많은 기초 개념을 다질 수 있을까 싶어서 말이다.

결론부터 말한다. 보고, 생각하고, 따라해보라. 그러면 내 것이 된다. 그래서 인내가 필요하고, 아무래도 앞뒤로 계속 페이지를 왔다갔다 해야 할 수 있다. 이건 소플 문제가 아니다. Next.js가 가진 특성 때문이다. 

사이트를 구조적으로 작성하고 관리하기 위해 정의한 개념이 상당하다. 거기에 맞춰 새로운 표기법 같은 걸 많이 정하다보니 그렇다. 한 번에 다 외워지진 않는다. 막말고 ()와 [] 차이점을 바로 설명하라고 하면 어버버 할 수밖에 없다. 아마 밥먹듯이 자주 쓰면서 그 결과를 눈으로 입으로 체득한 후에라야 바로바로 말할 수 있을 터다.

바로 그렇게 만들어주기 위해 실습 분량이 상당하다. 이걸 따라하려면 인내가 필요한 게 흠이라면 흠.

3, 4, 5장은 기초 중의 기초니, 지루하거나 힘들어도 무조건 봐야 한다. 절대 눈으로 말고 코드를 직접 작성해보는 걸 추천한다.

6, 7장은 이제 서버쪽 이해를 높혀야 하는 시점이다. 그러다가 8장에서 SWR 소개를 하는데, React Query에 익숙하다면 뭐 알고 가면 좋고, 모른다면 알아둬야 한다. 개인적으로는 표준처럼 쓰인다면 그걸 더 선호하는 편이다. 다른 건 없고, 없어질지 모른다는 불안에 안 떨어서 좋다. 심지어 계속 개선되니 보안 대응하기도 좋다.

9, 10장은 이해가 쉽지 않더라도 외우고 자신의 것으로 무조건 만들어야 한다. 이걸 등한시 하면 나중에 실무할 때 무척 괴로워질 것이다. 잘 모르면, 왜 안 되는 거지, 라는 말을 지겨울 정도로 하기 쉽다.

11장은 하아… 실무 관점에서 정답은 없는데, 뭐 최신 트렌드가 Tailwind CSS다보니 모르면 억울할 것 같다. 개인적으로는 워낙 옛날부터 bootstrap에 익숙해서 좀 당황스럽긴 하다. 가볍고 좋다니까 익해두면 좋겠다. 담당 개발자가 이걸로 대체해 나간다고 한다. 개인적으로는 반대인데, 업무적으로는 뭐…

12, 13, 14, 15장은 마무리 단계로 보인다. 잘 해두면 깔끔하게 정리할 수 있고, 못하면 은근히 괴롭다. (무겁다느니, 느리다느니, 덩치가 커서 곤란하다느니…)

16장 미니 프로젝트를 반복해보면서 기초를 마무리하면 좋다. 눈으로 보는 것도 중요하지만 실제로 손가락을 놀리면서 보고 동시에 생각하면서 결과를 머릿속에 그리는 연습을 하면 나중에 많은 도움이 될 거다.

실제 필드로 나가보면 누구는 vue.js가 좋다느니 react.js가 좋다느니, 그래서 next.js가 좋네, 싫네 말들이 많을 수 있다. 누구 말이 옳은지는 객관적으로는 알 수 없다. 서로가 장단이 있고, 자신에게 맞는 형태가 있고 없고 차이같다. 

적어도 React.js를 선택했다면 Next.js는 다음 단계로 꼭 알고 가자. 그게 순리같다. 이 책이 그 길안내를 잘 해줄 것이다.

"한빛미디어 서평단 ＜나는리뷰어다＞ 활동을 위해서 책을 협찬 받아 작성된 서평입니다."

안녕하세요. 요즘 "소플의 처음 만난 Next.js" 책을 열심히 보고 있는 올드 개발자입니다. 이번 시간에는 이 책을 통해 Next.js를 공부해 본 제 경험과 느낌을 공유해보려고 합니다. (참고로 저는 React와 Next.js는 한 두번 토이 프로젝트만 해본 완전 초보자입니다. ^^)

이 전에 다양한 예제 코드를 따라해보고, 미니 프로젝트도 해봤습니다만, 너무 과한 개념은 무리무리~ 이 책은 기초부터 탄탄하게 잡는 게 더 쾌적한 학습 진행을 줘서 만족감이 좋더군요.
리액트 vs Next.js: 프레임워크의 진가
리액트가 UI 라이브러리라면 Next.js는 웹 애플리케이션 전체의 흐름을 관리하는 프레임워크라는 점을 명확히 설명해준 부분은 가끔 햇갈렸었는데 잘 와닿더군요. "라이브러리는 모듈식 사용, 프레임워크는 일관된 구조 제공"이라는 설명을 보고 오... 그렇군 하고 끄덕.

이거 전에 다른 Next.js 강의도 들어봤었는데, 라우팅이나 API 연동 부분에서 한 눈에 안 보이는게 힘들더라고요. 덕분에 이해도 수월치 않았고요. 그래서 바로 중간에 포기... ㅜㅜ

이 책에서 "라우팅 기초" 부분을 보고 오... 역시 라우팅을 트리 구조로 시각화해놓으니 더 쉽게 느껴집니다.

라우트 그룹: 대규모 앱의 구원자
라우트 그룹을 활용해 공통 레이아웃이나 API 엔드포인트를 묶는 방법은 대규모 앱 진행시 필요한 내용이라 눈여겨 해봤습니다.

처음에 라우트 그룹을 적용해보니... 코드가 완전 정리되네요. 오.. 소름돋네요. 프로젝트 구조가 말끔해지는 걸 보니 좋네요. 무엇보다 유지보수성이 확 올라간 게 느껴집니다.

플레이(아니 개발) 시간은 그리 길지 않은데 의외로 개념 이해에 도움이 많이 되네요. 강추. 다음에 프로젝트 시작할 때는 꼭 이 방식으로~
미니 프로젝트: 블로그 만들기
미니 프로젝트인 블로그 앱 제작은 그동안 배운거로 재미있게 잘 해봤네요. 데이터베이스 연동부터 유저 인증(NextAuth.js), Vercel 배포까지 엔드투엔드 워크플로우를 경험할 수 있었죠.

특히, SEO와 메타데이터 관리 부분에서 정적/동적 메타데이터 설정법을 배운 건 나중 제 토이 사이트에도 바로 적용할 수 있어서 정말 유용했습니다. 검색 엔진 최적화라는 말만 들어도 머리 아팠는데, 쉽게 설명해줘서 감동이었어요.
아쉬운 점??
다만, 책에서 커스텀 서버나 마이크로서비스 아키텍처와의 통합에 대한 설명 같은 좀 더 디테일한 부분이 부족한 건 아쉬웠습니다. 이건 아마도 입문서의 범위를 고려하면 이는 이해할 수 있는 부분이었고, 기초를 탄탄히 다진 후에 고급 주제로 넘어가는 게 더 좋겠다는 생각이 들었어요.
입문서로는 딱일 듯
코드 예시가 풍부하고, 미니 프로젝트를 통해 실제 적용 경험까지 쌓을 수 있어서, Next.js를 빠르게 습득할 수 있었어요. 처음 Next.js를 접할 때는 라우팅, 빌드, 배포 등 개념들이 복잡하게 얽혀 헤맸는데, 머릿속이 정리되는 느낌이었습니다. 

 

"한빛미디어 서평단 ＜나는 리뷰어다＞ 활동을 위해서 책을 협찬받아 작성된 서평입니다."

이번에 읽게 된 책은 ＜소플의 처음 만난 Next.js＞ 라는 책입니다. 이전에 React, AWS 시리즈도 있었는데 최근에는 Next.js에 대한 책이 나왔고 한번 읽어보고 싶었던 책이기 때문에 재밌게 읽을 수 있었습니다. 책의 저자이신 소플이라는 닉네임을 사용하시는 이인제 멘토님과는 이전에 교육과정에서 멘토-멘티 관계로 만났었는데 그때 도움을 되게 많이 받았기 때문에 더 기대하면서 읽을 수 있었습니다.

이 책의 표지를 보면 "개념은 쉽게, 실습은 탄탄하게!"라고 책을 소개하고 있는데 정확한 설명이라고 생각합니다.

Next.js라는 프레임워크를 사용하며 개발하기 위해 필수적인 개념들을 순차적으로 소개하고 있고, 각 챕터의 마지막에는 그 개념에 대해서 직접 코드를 작성하면서 실습을 해볼 수 있습니다. 그리고 개인적으로는 책을 읽으면서 회사에서 되게 겉으로는 살짝 무뚝뚝할 때도 있지만 뒤에서는 생각보다 나를 챙겨주려고 신경 쓰는 선배가 개발을 알려준다는 느낌이 들었습니다.

책의 구성은 단계식으로 학습할 수 있도록 되어 있다고 생각하고 Next.js를 처음 사용하게 되거나, 혹은 오래전에 사용해 보고 최근에는 사용하지 않아서 다시 한번 개념을 익혀야 하는 상황에 적합한 책이라고 생각합니다. 꼭 필요한 개념들을 간결하게 설명해 주시고 알아두면 좋은 내부 동작이나 실무 활용 팁들도 볼드 처리로 강조되어 있어서 저도 모르는 내용을 알게 되는 재미가 있었습니다.

그리고 결국에 개발은 이론적인 지식에만 머물러서는 한계가 있기 때문에 꼭 무언가를 만들어보는 과정이 필요하다고 생각하는데요. 바로 내가 만들고 싶은 제품을 만들어봐도 좋겠지만, 그전에 한번 간단한 토이프로젝트를 해보고 싶은 분을 위해서 책의 마지막에는 미니 프로젝트 챕터가 존재합니다. 여기서는 직접 데이터베이스도 설계하고 API를 개발하기 위해 ORM도 사용해 보며 최종적으로는 서비스를 배포까지 진행하는 하나의 웹서비스를 만드는 플로우를 진행해 볼 수 있습니다. 이다음에 실제로 회사에서 Next.js로 개발을 하거나 내가 개인적으로 만들고 싶은 제품을 만드는 흐름으로 넘어가면 도움이 많이 될 것이라고 생각합니다.

"한빛미디어 서평단 ＜나는 리뷰어다＞ 활동을 위해서 책을 협찬받아 작성된 서평입니다."

이번에 읽게 된 책은 ＜소플의 처음 만난 Next.js＞ 라는 책입니다. 이전에 React, AWS 시리즈도 있었는데 최근에는 Next.js에 대한 책이 나왔고 한번 읽어보고 싶었던 책이기 때문에 재밌게 읽을 수 있었습니다. 책의 저자이신 소플이라는 닉네임을 사용하시는 이인제 멘토님과는 이전에 교육과정에서 멘토-멘티 관계로 만났었는데 그때 도움을 되게 많이 받았기 때문에 더 기대하면서 읽을 수 있었습니다.

이 책의 표지를 보면 "개념은 쉽게, 실습은 탄탄하게!"라고 책을 소개하고 있는데 정확한 설명이라고 생각합니다.

Next.js라는 프레임워크를 사용하며 개발하기 위해 필수적인 개념들을 순차적으로 소개하고 있고, 각 챕터의 마지막에는 그 개념에 대해서 직접 코드를 작성하면서 실습을 해볼 수 있습니다. 그리고 개인적으로는 책을 읽으면서 회사에서 되게 겉으로는 살짝 무뚝뚝할 때도 있지만 뒤에서는 생각보다 나를 챙겨주려고 신경 쓰는 선배가 개발을 알려준다는 느낌이 들었습니다.

책의 구성은 단계식으로 학습할 수 있도록 되어 있다고 생각하고 Next.js를 처음 사용하게 되거나, 혹은 오래전에 사용해 보고 최근에는 사용하지 않아서 다시 한번 개념을 익혀야 하는 상황에 적합한 책이라고 생각합니다. 꼭 필요한 개념들을 간결하게 설명해 주시고 알아두면 좋은 내부 동작이나 실무 활용 팁들도 볼드 처리로 강조되어 있어서 저도 모르는 내용을 알게 되는 재미가 있었습니다.

그리고 결국에 개발은 이론적인 지식에만 머물러서는 한계가 있기 때문에 꼭 무언가를 만들어보는 과정이 필요하다고 생각하는데요. 바로 내가 만들고 싶은 제품을 만들어봐도 좋겠지만, 그전에 한번 간단한 토이프로젝트를 해보고 싶은 분을 위해서 책의 마지막에는 미니 프로젝트 챕터가 존재합니다. 여기서는 직접 데이터베이스도 설계하고 API를 개발하기 위해 ORM도 사용해 보며 최종적으로는 서비스를 배포까지 진행하는 하나의 웹서비스를 만드는 플로우를 진행해 볼 수 있습니다. 이다음에 실제로 회사에서 Next.js로 개발을 하거나 내가 개인적으로 만들고 싶은 제품을 만드는 흐름으로 넘어가면 도움이 많이 될 것이라고 생각합니다.

최근에 Next.js를 본격적으로 공부하기 위해 소플의 처음 만난 Next.js를 읽었다. 

평소 리액트를 사용하면서도 “서버 사이드 렌더링”이나 

“정적 사이트 생성(SSG)” 같은 개념은 그냥 글로만 접했을 뿐, 실제로 프로젝트에 어떻게 녹여내야 할지 막막했는데, 

이 책이 그런 갈증을 많이 해소해주었다.

👀 첫인상

책의 가장 큰 장점은 **“입문자 친화적”**이라는 점이다. 이론을 길게 늘어놓기보다, 바로바로 따라 할 수 있는 실습 예제를 중심으로 설명이 이어져서 부담 없이 읽을 수 있었다. 단순히 코드만 나열하는 게 아니라 “왜 이렇게 작성해야 하는지”를 이해할 수 있도록 배경 지식도 함께 풀어주는 게 좋았다.

💡 배운 점

• Next.js의 렌더링 방식 차이: CSR, SSR, SSG, ISR 등 다양한 방식이 각각 어떤 상황에서 쓰이는지 명확히 정리할 수 있었다.

• 라우팅과 페이지 구조: 리액트 라우터와는 다른, Next.js의 파일 기반 라우팅 방식이 생각보다 직관적이라는 걸 깨달았다.

• API Routes: 백엔드 없이 간단한 API 서버를 만들 수 있다는 점이 흥미로웠다. 작은 프로젝트나 프로토타입에 활용하기 좋을 것 같다.

• 배포 경험: Vercel을 이용한 배포 과정을 실습하면서, “Next.js = 프론트엔드 프레임워크”가 아니라 **“서비스를 완성할 수 있는 풀스택 환경”**이라는 걸 알게 되었다.

👍 좋았던 점

• 실습 위주라 지루하지 않다.

• 코드가 깔끔하게 정리돼 있어서 따라 하기 쉽다.

• 중간중간 나오는 설명 그림들이 직관적이라 이해가 빠르다.

🤔 아쉬웠던 점

• Next.js 버전이 빠르게 업데이트되다 보니, 일부 문법이나 기능은 최신 문서와 비교하면서 공부할 필요가 있었다.

• 기초 위주의 설명이라, 중급 이상을 원하는 사람에게는 조금 가볍게 느껴질 수도 있다.

✍️ 총평

처음 Next.js를 접하는 사람에게는 최고의 입문서라고 생각한다. React 경험이 조금 있는 상태에서 읽으면 훨씬 수월하게 이해할 수 있고, 직접 작은 블로그나 토이 프로젝트를 만들어보면서 책을 따라가면 금방 “Next.js로 무언가 만들 수 있다”는 자신감을 얻을 수 있다.

나도 책을 읽고 나서, 블로그 클론 프로젝트를 직접 만들어봤는데 확실히 “서비스 개발”에 한 발짝 다가선 기분이 든다.

앞으로는 이 책에서 배운 내용을 기반으로, **Next.js의 심화 기능(서버 액션, App Router, 데이터 캐싱 등)**도 공부해보고 싶다.