레벨업 리액트 프로그래밍 with Next.js

팍스

삼성전자삼성리서치에서다양한플랫폼과웹기술을다루며광범위한소프트웨어아키텍처경험을쌓았습니다.실시간OS,임베디드시스템,안드로이드및타이젠플랫폼뿐만아니라크로미엄(Chromium)과웹킷(Webkit)기반의웹앱및JSP,ASP.NET,장고(Django),스프링프레임워크를활용한백엔드등을구축하며성능최적화를진행했습니다.
카이스트전산학과석사출신으로다수의IEEE논문을발표하며성능및저전력시스템설계분야에서전문성을인정받았고임베디드소프트웨어공모전에서대상(정보통신부장관상)을수상하는등이력이있습니다.현재는웹,모바일,AI를결합한혁신적인서비스개발에주력하고있으며이책을통해사용자중심의소프트웨어설계와지속가능한개발방법론을공유하고자합니다.
X@PaxCodeXyz
위키독스팍스wikidocs.net/profile/info/book/18596
리액트넥스트센터reactnext-central.xyz

1부현대웹개발의기초
_1장리액트와Next.js를통한웹개발혁신
__1.1리액트와Next.js는무엇인가?
__1.2리액트와Next.js로얻는사용자경험향상
__1.3리액트와Next.js를통한개발자생산성의제고
__1.4왜Next.js인가?
__1.5요약및연습문제

_2장웹세계의이해
__2.1웹의기초:웹개발히스토리
__2.2렌더링의이해:브라우저에서의웹페이지렌더링메커니즘
__2.3웹의기본구성요소:HTML,CSS,자바스크립트
__2.4네트워킹기초:도메인,URL,라우팅
__2.5인프라구조:웹서버,엣지,CDN
__2.6웹개발의필수구성요소:주요기술과도구의통합
__2.7요약및연습문제

_3장현대웹개발의고급기법
__3.1Next.js렌더링의신세계:SSR,CSR,하이드레이션,웹스트리밍
__3.2코드유지보수성의탁월함:모듈화와함수형프로그래밍접근방식
__3.3배포및운영최적화전략:서버아키텍처의다양한옵션
__3.4현대웹프레임워크와라이브러리:리액트,앵귤러,뷰,스벨트
__3.5코어웹바이탈:사용자경험을개선하는접근
__3.6요약및연습문제

2부리액트&Next.js실전마스터
_4장효율적인웹개발환경구축
__4.1개발도구및라이브러리설치
__4.2Next.js설치
__4.3첫Next.js프로젝트시작:보일러플레이트애플리케이션
__4.4생산성을높이는개발환경설정
__4.5개발환경의보안과유지보수

_5장웹애플리케이션의뼈대만들기
__5.1Next.js를위한리액트개요
__5.2리액트컴포넌트와속성
__5.3리액트사용자상호작용과상태관리
__5.4리액트의고급개념과패턴
__5.5반응형내비게이션메뉴실습하기

_6장최적의Next.js애플리케이션구조설계
__6.1Next.js프로젝트구조와조직화
__6.2Next.js앱라우터기반라우팅기법
__6.3라우팅시특정상황에대한UI처리
__6.4CSS스타일과디자인적용
__6.5Next.js의내장기능을활용한이미지,폰트,외부스크립트최적화

_7장Next.js아키텍처와작동원리
__7.1리액트서버와클라이언트를활용한렌더링방식
__7.2백엔드와프런트엔드에서데이터가져오기
__7.3빌드타임및런타임에서의서버렌더링전략과기법
__7.4서버렌더링결과와요청데이터에대한캐싱
__7.5서버와클라이언트컴포넌트의유연한조합전략

3부Next.js의심화전략및최적화와성능관리
_8장Next.js고급기법탐구
__8.1병렬라우트및경로가로채기
__8.2라우터핸들러:동적라우팅관리
__8.3미들웨어:서버의요청완료전효율적처리
__8.4i18n:다국어제공
__8.5폼및변형:서버액션
__8.6메타데이터관리
__8.7지연로딩성능최적화
__8.8MDX사용
__8.9콘텐츠개발을효율화하는초안모드
__8.10콘텐츠보안정책
__8.11인증:사용자보안관리

_9장안정적으로서비스하는배포및전략
__9.1웹애플리케이션을운영하는빌드최적화
__9.2다양한배포옵션
__9.3Next.js배포최적화및관리전략
__9.4소프트웨어장애복구와안정성

_10장Next.js애플리케이션테스팅및성능측정과최적화
__10.1단위및통합테스트:Jest와리액트테스팅라이브러리
__10.2E2E테스트:Cypress,Playwright
__10.3웹바이탈:Next.js의내장기능을활용한성능측정
__10.4성능을최적화하는크롬개발자도구와라이트하우스

4부실전!웹애플리케이션개발프로젝트
_11장차트중심대시보드설계
__11.1프로젝트소개및라이브러리설정
__11.2웹애플리케이션스타일링및메인페이지구축
__11.3버셀Postgres데이터베이스생성및환경변수설정
__11.4인증환경설정과회원가입및로그인구현
__11.5대시보드사용자인터페이스개선:사이드메뉴구현
__11.6사용자계정관리및API사용키발급
__11.7프로젝트관리
__11.8웹바이탈지표정보추출과수집
__11.9라우터핸들러를통한데이터수신및데이터베이스저장
__11.10대시보드UI구성
__11.11버셀배포플랫폼에배포및업데이트필요사항

_12장AI챗봇을통합하는웹애플리케이션
__12.1프로젝트소개와라이브러리설정
__12.2웹애플리케이션스타일링및메인레이아웃구성
__12.3OpenAIAPI와버셀AISDK알아보기
__12.4날씨대화에서구조화된데이터추출하기
__12.5현재날씨정보를컴포넌트UI로제공하는챗봇만들기
__12.6날씨AI챗봇구현완성
__12.7추가로고려해볼사항

_13장전자상거래사이트
__13.1프로젝트소개및라이브러리설정
__13.2쇼피파이와의헤드리스스토어프런트통합
__13.3전자상거래사이트를개발하는베스트프랙티스
__13.4추가로고려해볼사항

부록A리액트와Next.js를위한필수자바스크립트
부록B타입스크립트기본
부록C테일윈드CSS기본
부록DNext.js세그먼트구성옵션

이책의특징
-웹과프레임워크의역사,작동원리,실행구조를꼼꼼하게알아봅니다.
-웹앱개발을라우터기반코드아키텍처로자세하고친절하게설명합니다.
-연관내용을현대국내실정에맞게백과사전수준으로세밀하게다룹니다.
-독자의자가진단을위한챕터별내용요약과이론및실습문제를제공합니다.

이책이필요한독자
-웹과리액트,Next.js에대해샅샅이파헤치고싶은분
-다시돌아온SSR방식에대해정확하게직면하고싶은분
-리액트기반의모던웹기술에관심있는분
-Next.js를깊게파고들며리액트실전능력을레벨업하고싶은분가장