- 기본 카테고리

enetrypm
- 작성일
- 2024.6.29
레벨업 리액트 프로그래밍 with Next.js
- 글쓴이
- 팍스 저
비제이퍼블릭(BJ퍼블릭)
책을 받는 순간 와....정말 두껍다는 생각이 듭니다. 801페이지에로 구성되어 있으며 책의 글자도 크지 않습니다.
어떠한 내용으로 구성되어 있을까 살펴보겠습니다.
저자분은 다양한 기술 스팩드럼을 경험하고 보유하고 계십니다.
필명은 팍스 라는 닉네임을 사용하시는데, 기존에도 다양한 분야의 책을 출간하셨습니다.
https://wikidocs.net/profile/info/book/18596
wikidocs.net
https://reactnext-central.xyz/
reactnext-central.xyz
해당 책의 다양한 정보를 제공합니다.
책의 큰 구성은 4가지 Chapter로 구성됩니다.
1부 현대 웹 개발의 기초
2부 리액트&Next.js 실전 마스터
3부 Next.js의 심화 전략 및 최적화와 성능 관리
4부 실전! 웹 애플리케이션 개발 프로젝트
최근에 SPA관련 front기술이 너무 많이 제공되고 사용되고 있어서, 우선 기술별 어떠한 역활을 하고 있는지
여러 기술중에 어떠한 기술을 사용해야 하는지 우선 그것부터 살펴보고, 파악하기 어려움이 있습니다.
이책도 1부에서 최근에 여러 기술을 대상으로 어떠한 장,단점이 있는지 살펴볼수 있게 구성이 되어서 매우 좋았습니다.
- 최신의 React, Next기술에 대한 설명
- 랜더링에 대한 개념이 왜 중요하고, 왜 필요한 개념인지 구성됨
- URL, 라우팅 개념을 잘 설명하면서, 리액트를 도입해서 실제 구성시 어떠한 구성으로 해야 하는지 나옴
- 면접 질문중 단골 사항인, SSR / CSR / 하이드레이션 / 웹 스트리밍 에 대해서 자세하게 이론부터 설명함
그중에서도 기존의 전통적인 웹 랜더링 방식이 소개되어서 비교가고 개선된 사항을 쉽게 이해합니다.
- 정적 랜더링, 동적 랜더링에 대한 설명
- 서버리스 환경에 대한 고려
- 리액트 앵귤러, 뷰, 스팰트를 비교하면서, 어떠한 기술을 먼저 사용하면 좋은지 비교 정리
1부에서 언급하는 내용이 번역서가 아닌 점이 우선 놀라웠고, 다양한 정보를 통합해서 구성되어 있어서 내용의 퀄리티가 매우 높았습니다.
2부에서는 본적적으로 리액트,Next.js를 활용한 실습 환경을 구성하고 개발적은 내용이 본적적으로 구성됩니다.
웹개발 호나경 구축에 필요한 핵심 지식과 기술을 제공하고, 필수 개발 도구 및 라이브러리의 설치 과정을 시작으로 next.js설치 및
첫 프로젝트를 구성합니다.
리액트의 기초와 next.js의 적용방법, next.js 애플리케이션 구조 설계와 아키텍처에 집중합니다.
이 장부터 본적적으로 레렐업하기 위한 내용입니다.
- 자동 / 수동으로 next.js 구성
- next.js의 폴더 구성 및 각종 환경 구성 configuration
- 리액트와 next.js에 대해서 적용 방법에 대한 깊이 있는 안내
- 자바스크립트에서 리액트로 전환 / 리액트 컴포넌트로 전환
- 다양한 리액트 기본 사항에 대한 설명
useFormState, Reducer, Ref, useMemo, Hock,
3부에서 기존에 어느정도 사용을 하신 독자분들이 심화전략 및 최적화 성능 관리하는 내용으로 구성되어 있습니다.
- 동적라우팅, 병렬 라우팅, 경로 가채채기, 미들웨어를 이용한 요청 처리, 다양한 언어를 지원하는 국제화 전략,
폼처리, 서버액션, 메타 데이터 관리, 지연 로딩, MDX 사용등 다양한 기술 및 방법을 소개합니다.
- 인증에 대해서도 다루는데 콘텐츠 보안 정책과 사용자 인증 방법, 관리에 필요한 고급 전략과 기술
- 이렇게 작성된 결과물을 서버에 배포하는 방법도 함께 알아야 하는 부분입니다.
일반적인 웹배포 프로세스와 다른 점이 있는지도 비교 체크할 수 있습니다.
다양한 배포 옵션, next.js 배포 최적화 및 관리 전략, 장애 복구와 안정성에 대한 내용
- 테스트 및 성능 측정, 최적화 방법등은 더 나은 다음 단계의 안정적인 SW를 개발하는데 필요합니다.
성능지표 분석, 웹 바이탈, Jest를 사용한 단위 테스트와 통합 테스트를 통해서 레벨업을 할 수 있습니다.
4부에서는 다양한 프로젝트를 진행하면서, 이론과 실제 프로젝트를 연습해보는것과는 차이가 많이 있습니다.
- 차트 중심 대시보드 설계 (& 기능으로도 회원가입 및 로그인 구현)

- AI 챗봇을 통합하는 웹 애플리케이션

- 전자상거래 사이트

이러한 다양한 경우에 대해서 현업의 개발자들이 사용하는 기술을 경험하고, 구성할수 있습니다.
YES24 리뷰어클럽 서평단 자격으로 작성한 리뷰입니다
#리뷰어클럽리뷰
- 좋아요
- 6
- 댓글
- 0
- 작성일
- 2023.04.26
댓글 0

댓글이 없습니다.
첫 번째 댓글을 남겨보세요.