리액트, Next.js로 완성하는 프론트엔드 (TypeScript 기본기부터 React, Next.js를 활용한 프로젝트, Git/GitHub까지)

리액트, Next.js로 완성하는 프론트엔드 (TypeScript 기본기부터 React, Next.js를 활용한 프로젝트, Git/GitHub까지)

$36.00
Description
현명한 프론트엔드 개발자로 가는 실무서!
이 책은 단순히 리액트와 Next.js를 사용하는 법을 설명하는 것이 아닙니다.
실제 서비스를 만드는 프론트엔드 개발자의 시선에서, ‘어떻게 구성하고’, ‘왜 이렇게 설계하는지’에 대한 이유와 기준을 함께 제시합니다.

컴포넌트와 훅의 구조화, 서버/클라이언트 컴포넌트 분리, fetch 전략, 타입 안정성 확보, 메타데이터 구성, 번역 처리, 캐싱 전략, 데이터 페칭 등 실무에서 부딪히는 이슈들을 단순 기능이 아닌 “판단 가능한 설계”로 발전시키는 길을 보여줍니다.

총 14장으로 구성된 이 책은 크게 세 가지 파트로 전개됩니다.
1~6장: 프론트엔드 개발의 기초
프론트엔드 개발자로서 반드시 이해하고 넘어가야 할 언어적 기초와 핵심 개념들을 다룹니다.
JavaScript와 TypeScript의 주요 개념은 물론, 리액트의 컴포넌트 구조, 상태 관리, 렌더링 방식 등
리액트 철학의 근간이 되는 기초 기술과 설계 사고방식을 배울 수 있습니다
7장~10장: 프론트엔드 개발의 실무
실제 서비스를 구성하는 관점에서, 컴포넌트 스타일링과 디자인 시스템의 구현, Next.js를 통한
프로젝트 구성까지 실질적인 앱 구조 설계와 프레임워크 응용을 중심으로 다룹니다. 특히 9~10
장은 하나의 프로젝트를 시작부터 배포 직전까지 직접 구현해보는 실습형 구성입니다.
11장~14장: 프론트엔드 개발의 협업과 미래
프론트엔드 개발자로서의 실력을 완성도 있게 끌어올리는 도구 사용법과, 개발자로서의 성장 전
략을 중심으로 구성되어 있습니다. Git과 CI/CD, 디버깅 도구 등 실무 환경에서 필요한 생산성
도구의 활용법을 다루며, 마지막 14장에서는 AI 시대에 개발자가 어떤 철학과 기준을 가져야 하
는지에 대한 저자의 고찰이 담겨있습니다.

【 대상 독자층 】
- 리액트와 Next.js를 익히고 실무에 써보고 싶은 입문자
- 리액트, Next.js 기반 프로젝트를 운영 중인 개발팀
- 프론트엔드 전반을 아우르는 체계적 학습을 원하는 개발자
저자

강경석

“편리함을추구하는개발자”라는철학을바탕으로개발세계에발을담구고있습니다.2025년현재가우디오랩에서프론트엔드리드로재직중이며,B2B,B2C서비스및내부툴개발을총괄하고있습니다.
또한재학시절친구들과창업을시작으로다양한제품과서비스를기획해보고개선하고폐기하는루틴을끊임없이경험했으며앞으로많은사랑을받는서비스를만드는개발자를꿈꾸며계속도전하고있습니다.

목차

1장리액트(React)란
1.1 리액트의인기
1.2 리액트의철학과등장
1.3 리액트의한계
리액트(React)란정리

2장자바스크립트
2.1자바스크립트역할
2.2자바스크립트현황
2.3변수와함수
2.4객체와배열
2.5클래스와프로토타입
2.6비동기와싱글스레드
2.7모듈시스템과import/export
자바스크립트정리

3장타입스크립트
3.1타입스크립트개요
3.2타입스크립트도입
3.3타입시스템
3.4타입별칭과인터페이스
3.5제네릭(Generic)
3.6덕타이핑(DuckTyping)
3.7유틸리티타입
타입스크립트정리

4장리액트기초편
4.1리액트앱을만드는방법
4.2컴포넌트
4.3State와Props
4.4JSX
리액트기초편정리

5장리액트심화편
5.1함수컴포넌트vs클래스컴포넌트
5.2PropsDrilling
5.3Built-inHooks
5.4CustomHooks
5.5Rendering
리액트심화편정리

6장리액트실무편(패턴과상태관리)
6.1디자인패턴(DesignPattern)
6.2상태관리라이브러리(상)
6.3상태관리라이브러리(하)
리액트실무편(패턴과상태관리)정리

7장리액트실무편(컴포넌트)
7.1특이한컴포넌트
7.2CSS와스타일링
7.3모듈화된스타일링
7.4컴포넌트스타일링
7.5컴포넌트라이브러리
리액트실무편(컴포넌트)정리

8장Next.js
8.1Next.js를사용해야하는이유
8.2SPA와MPA
8.3CSR과SSR
8.4Next.js톺아보기
Next.js정리

9장Next.js실전프로젝트(상)
9.1소프트웨어개발방법론
9.2기술스택(techstack)
9.3프로젝트시작하기
9.4Next.js로서비스만들기
9.5전기차충전소검색서비스
Next.js실전프로젝트(상)정리

10장Next.js실전프로젝트(하)
10.1기능정의및계획
10.2데이터페칭과관리
10.3UI개선작업
10.4서버상태와클라이언트상태
Next.js실전프로젝트(하)정리

11장Git과GitHub
11.1버전관리시스템
11.2Git
11.3GitHub
11.4브랜치관리전략
Git과GitHub정리

12장CI/CD
12.1CI/CD개요
12.2프론트엔드의CI/CD
12.3테스트코드
CI/CD정리

13장개발자도구와디버깅
13.1리액트개발자도구
13.2개발자도구
개발자도구와디버깅정리

14장AI와개발자
14.1AI
14.2에필로그
마무리인사말

출판사 서평

프론트엔드개발자로서갖춰야할기본역량은HTML,JavaScript,CSS를자유롭게다루는능력입니다.여기에더해사용자의사용성과,유지보수성,그리고팀원간원활한소통을통해관리와배포를자연스럽게넘길수있어야합니다.

이책은단순히따라하며만드는수준을넘어“스스로판단하고결정할수있는개발자”가되고싶은사람들에게정말강렬하게추천드립니다.