간편결제, 신용카드 청구할인
인터파크 롯데카드 5% (29,930원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (22,050원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (25,200원)
(최대할인 4만원 / 2만원 이상 결제)
Close

타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발 : TypeScript/React/Next.js로 빠르고 견고한 모던 웹 애플리케이션 만들기

원제 : TypeScriptとReact/Next.jsでつくる實踐Webアプリケ-ション開發
소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 204
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

35,000원

  • 31,500 (10%할인)

    1,750P (5%적립)

할인혜택
적립혜택
  • S-Point 적립은 마이페이지에서 직접 구매확정하신 경우만 적립 됩니다.
추가혜택
배송정보
  • 10/4(수) 이내 발송 예정  (서울시 강남구 삼성로 512)
  • 무료배송
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서(40)

  • 상품권

AD

책소개

TypeScript/React/Next.js로 실전적인 모던 웹 애플리케이션을 만들어 보자!

《타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발》은 타입스크립트와 리액트, Next.js로 실무에서 사용하는 웹 애플리케이션을 개발하는 입문서입니다. 특히 Next.js의 기초를 확실히 이해할 수 있도록 설명하고 샘플 애플리케이션 개발을 통해 실무에 그대로 도움이 되는 실전적인 스킬을 익힐 수 있도록 구성했습니다.

리액트와 Next.js의 기초부터 시작해 실전적인 애플리케이션 개발까지 설명하며 다음과 같은 웹 프런트엔드 개발에 관여하는 분들을 대상으로 합니다.

◎ 리액트를 처음 접하는 웹 프런트엔드 개발자
◎ 리액트를 경험한 적이 있지만 Next.js는 사용해 본 적이 없는 프런트엔드 개발자
◎ 리액트와 Next.js의 기초는 이해하지만 좀 더 실전적인 서비스를 개발하고자 하는 프런트엔드 개발자
◎ 타입스크립트를 중심으로 한 웹 프런트엔드 개발에 관심 있는 엔지니어
◎ Atomic Design이나 Storybook 등 컴포넌트 중심의 개발에 관심 있는 엔지니어

목차

▣ 01장: Next.js와 타입스크립트를 활용한 모던 개발
1.1 Next.js와 타입스크립트
1.2 프런트엔드 개발의 변천
__1.2.1 자바스크립트 여명기와 제이쿼리의 인기
__1.2.2 SPA의 등장과 MVC/MVVM 프레임워크
__1.2.3 리액트의 등장과 컴포넌트 지향/상태 관리
__1.2.4 Node.js의 약진
__1.2.5 AltJS의 유행과 타입스크립트의 꾸준한 확산
__1.2.6 빌드 도구와 태스크 러너
__1.2.7 SSR/SSG의 필요성
__1.2.8 Next.js 등장
1.3 모던 프런트엔드 개발의 설계 사상
__1.3.1 프런트엔드 기술의 복잡화
__1.3.2 컴포넌트 지향
__1.3.3 Next.js가 필요해진 이유

▣ 02장: 타입스크립트 기초
2.1 타입스크립트 기초 지식
__2.1.1 타입스크립트 등장 배경
__2.1.2 타입스크립트와 Visual Studio Code
__2.1.3 타입스크립트와 자바스크립트의 차이
__2.1.4 타입스크립트 커맨드라인 도구를 사용한 컴파일
2.2 타입 정의
__2.2.1 변수
__2.2.2 원시 타입
__2.2.3 배열
__2.2.4 객체 타입
__2.2.5 any
__2.2.6 함수
2.3 기본적인 타입의 기능
__2.3.1 타입 추론
__2.3.2 타입 어서션
__2.3.3 타입 앨리어스
__2.3.4 인터페이스
__2.3.5 클래스
2.4 실제 개발 시 중요한 타입
__2.4.1 Enum 타입
__2.4.2 제네릭 타입
__2.4.3 Union 타입과 Intersection 타입
__2.4.4 리터럴 타입
__2.4.5 never 타입
2.5 타입스크립트 테크닉
__2.5.1 옵셔널 체이닝
__2.5.2 논-널 어서션 연산자
__2.5.3 타입 가드
__2.5.4 keyof 연산자
__2.5.5 인덱스 타입
__2.5.6 readonly
__2.5.7 unknown
__2.5.8 비동기 Async/Await
__2.5.9 타입 정의 파일
2.6 타입스크립트 개발 시 설정
__2.6.1 tsconfig.json
__2.6.2 Prettier
__2.6.3 ESLint
__2.6.4 컴파일 옵션

▣ 03장: 리액트/Next.js 기초
3.1 리액트 입문
__3.1.1 리액트 시작하기
__3.1.2 리액트 기본
__3.1.3 리액트 컴포넌트 작성하기
3.2 리액트에서의 컴포넌트
__3.2.1 리액트 요소
__3.2.2 컴포넌트(리액트 컴포넌트)
3.3 리액트에서의 타입
3.4 Context(콘텍스트)
3.5 React Hooks(훅)
__3.5.1 useState와 useReducer - 상태 훅
__3.5.2 useCallback과 useMemo - 메모이제이션 훅
__3.5.3 useEffect와 useLayoutEffect - 부가 작용 훅
__3.5.4 useContext - Context를 위한 훅
__3.5.5 useRef와 useImperativeHandle - ref 훅
__3.5.6 커스텀 훅과 useDebugValue
3.6 Next.js 입문
__3.6.1 프로젝트 셋업
__3.6.2 프로젝트 기본 구성
3.7 Next.js 렌더링 방법
__3.7.1 정적 사이트 생성(SSG)
__3.7.2 클라이언트 사이드 렌더링(CSR)
__3.7.3 서버 사이드 렌더링(SSR)
__3.7.4 점진적 정적 재생성(ISR)
3.8 페이지와 렌더링 방법
__3.8.1 Next.js의 페이지와 데이터 취득
__3.8.2 SSG를 통한 페이지 구현
__3.8.3 getStaticProps를 사용한 SSG를 통한 페이지 구현
__3.8.4 getStaticPaths를 사용한 여러 페이지의 SSG
__3.8.5 SSR을 통한 페이지 구현
__3.8.6 ISR을 통한 페이지 구현
3.9 Next.js의 기능
__3.9.1 링크
__3.9.2 이미지 표시
__3.9.3 API 라우터
__3.9.4 환경 변수/구성

▣ 04장: 컴포넌트 개발
4.1 아토믹 디자인을 통한 컴포넌트 설계
__4.1.1 프레젠테이션 컴포넌트와 컨테이너 컴포넌트
__4.1.2 아토믹 디자인
__4.1.3 아톰
__4.1.4 몰리큘
__4.1.5 오거니즘
__4.1.6 템플릿
__4.1.7 페이지
4.2 스타일드 컴포넌트를 사용한 스타일 구현
__4.2.1 스타일드 컴포넌트를 Next.js에 도입
__4.2.2 스타일드 컴포넌트를 사용한 컴포넌트 구현
4.3 스토리북을 사용한 컴포넌트 관리
__4.3.1 스토리북 기본 사용 방법
__4.3.2 액션을 사용한 콜백 핸들링
__4.3.3 컨트롤 탭을 사용한 props 제어
__4.3.4 애드온
4.4 컴포넌트의 단위 테스트
__4.4.1 리액트에서의 단위 테스트
__4.4.2 테스트 환경 구축
__4.4.3 리액트 테스팅 라이브러리를 사용한 컴포넌트 단위 테스트
__4.4.4 비동기 컴포넌트의 단위 테스트

▣ 05장: 애플리케이션 개발 1 - 설계/환경 설정
5.1 이번 장에서 개발하는 애플리케이션
__5.1.1 애플리케이션 사양
__5.1.2 애플리케이션 아키텍처
5.2 개발 환경 구축
__5.2.1 Next.js 프로젝트 작성
__5.2.2 스타일드 컴포넌트 설정
__5.2.3 ESLint 설정
__5.2.4 스토리북 설정
__5.2.5 React Hook Form 도입
__5.2.6 SWR 도입
__5.2.7 React Content Loader 도입
__5.2.8 머티리얼 아이콘 도입
__5.2.9 환경 변수
__5.2.10 테스트 환경 구축
__5.2.11 JSON 서버 설정

▣ 06장: 애플리케이션 개발 2 - 구현
6.1 애플리케이션 아키텍처와 전체 구현 흐름
6.2 API 클라이언트 구현
__6.2.1 fetcher 함수
__6.2.2 API 클라이언트 함수
__6.2.3 애플리케이션에서 사용되는 데이터 타입
__6.2.4 개발 환경을 위한 API 요청 프락시
6.3 컴포넌트 구현 준비
__6.3.1 반응형 디자인 대응 컴포넌트
__6.3.2 래퍼 컴포넌트 구현
6.4 아토믹 디자인을 사용해 컴포넌트 설계
__6.4.1 아토믹 디자인에 따른 컴포넌트 분할
6.5 아톰 구현
__6.5.1 버튼 - Button
__6.5.2 텍스트 - Text
__6.5.3 셰이프 이미지 - ShapeImage
__6.5.4 텍스트 입력 - Input
__6.5.5 텍스트 영역 - TextArea
__6.5.6 배지 - Badge
6.6 몰리큘 구현
__6.6.1 체크박스 - Checkbox
__6.6.2 드롭다운 - Dropdown
__6.6.3 드롭존 - Dropzone
__6.6.4 이미지 미리보기 - ImagePreview
6.7 오거니즘 구현
__6.7.1 카트 상품 - CartProduct
__6.7.2 글로벌 스피너 - GlobalSpinner
__6.7.3 헤더 - Header
__6.7.4 상품 카드 - ProductCard
__6.7.5 상품 등록 폼 - ProductForm
__6.7.6 로그인 폼 - SigninForm
__6.7.7 사용자 프로필 - UserProfile
6.8 템플릿 구현
__6.8.1 레이아웃
6.9 페이지 설계와 구현
__6.9.1 로그인 페이지
__6.9.2 사용자 페이지
__6.9.3 톱 페이지
__6.9.4 검색 페이지
__6.9.5 상품 상세 페이지
__6.9.6 쇼핑 카트 페이지
__6.9.7 상품 등록 페이지
6.10 컴포넌트의 단위 테스트 구현
__6.10.1 버튼에 대한 단위 테스트
__6.10.2 드롭다운에 대한 단위 테스트
__6.10.3 드롭존에 대한 단위 테스트
__6.10.4 헤더에 대한 단위 테스트
__6.10.5 로그인 폼에 대한 단위 테스트
__6.10.6 상품 등록 폼에 대한 단위 테스트

▣ 07장: 애플리케이션 개발 3 - 릴리스와 개선
7.1 배포와 애플리케이션 전체의 시스템 아키텍처
7.2 헤로쿠
7.3 버셀
__7.3.1 버셀로 애플리케이션 배포
7.4 로깅
7.5 검색 엔진 최적화
__7.5.1 메타 태그
__7.5.2 빵 부스러기 리스트
__7.5.3 사이트맵
__7.5.4 robots.txt
7.6 접근성
__7.6.1 시맨틱
__7.6.2 보조 텍스트
__7.6.3 WAI-ARIA
7.7 보안
__7.7.1 프런트엔드 개발에서의 취약성과 그 대책

▣ 부록: Next.js의 다양한 활용
A.1 스트라이프
__A.1.1 스트라이프 셋업
__A.1.2 스트라이프 API 사용
__A.1.3 스트라이프 공식 문서
A.2 토스 페이먼츠 (한국어 특전)
__A.2.1 토스 페이먼츠 셋업
__A.2.2 토스 페이먼츠 API 사용
__A.2.3 토스 페이먼츠 공식 문서
A.3 StoryShots - UI 스냅숏 테스트
__A.3.1 StoryShots
__A.3.2 storyshots-puppeteer - 스냅숏 페이지를 사용한 UI 테스트
A.4 AWS Amplify에 Next.js 애플리케이션 배포
__A.4.1 Next.js 애플리케이션을 AWS Amplify에 배포
__A.4.2 SSG를 사용한 Next.js 애플리케이션을 AWS Amplify에 배포
A.5 국제화 도구 i18n
__A.5.1 경로에 따른 언어 라우팅
__A.5.2 next-i18n을 사용한 텍스트의 i18n 대응

관련이미지

저자소개

테지마 타쿠야 [저] 신작알림 SMS신청
생년월일 -

IBM과 LINE에서 약 7년간 주로 웹 제품 개발을 담당. 이후 공동창업자 겸 CTO로서 태국에서 창업, 사업 양도를 경험했다. 현재는 싱가포르를 거점으로 동남아시아에서 출발한 스타트업 스튜디오 GAOGAO를 설립하여 대표를 맡고 있다.

요시다 타케토 [저] 신작알림 SMS신청
생년월일 -

니혼게이자이신문사, 태국의 종합상사 계열 기업에서 애플리케이션 개발을 경험했다. 현재는 Adobe 주식회사에서 Software Development Engineer로 근무하고 있으며, DX(디지털 경험) 계열의 제품 개발과 현지화 기술의 연구개발에 종사하고 있다.

타카바야시 요시키 [저] 신작알림 SMS신청
생년월일 -

싱가포르의 금융계 스타트업에 웹 프런트엔드 엔지니어로 입사하여 거래 툴을 개발했다. 이후 프리랜서로 여러 웹 앱 개발 프로젝트에 참여했다. 현재는 의료계 스타트업의 웹 앱 개발에 풀스택 엔지니어로 참여하면서 블록체인 OSS 프로젝트 개발에 종사하고 있다.

김모세 [역] 신작알림 SMS신청
생년월일 -

대학 졸업 후 소프트웨어 엔지니어, 소프트웨어 품질 엔지니어, 애자일 코치 등 다양한 부문에서 소프트웨어 개발에 참여했다. 재미있는 일, 나와 조직이 성장하고 성과를 내도록 돕는 일에 보람을 느끼며 나 자신에게 도전하고 더 나은 사람이 되기 위해 항상 노력하고 있다. 저서로 『코드 품질 시각화의 정석』(지앤선, 2015)이 있고, 옮긴 책으로는 『제대로 배우는 수학적 최적화』(한빛미디어, 2021), 『그림으로 배우는 TCP/IP』 등이 있다.

역자의 다른책

전체보기
펼쳐보기

이 상품의 시리즈

(총 41권 / 현재구매 가능도서 41권)

선택한 상품 북카트담기
펼쳐보기

전공도서/대학교재 분야에서 많은 회원이 구매한 책

    리뷰

    0.0 (총 0건)

    100자평

    작성시 유의사항

    평점
    0/100자
    등록하기

    100자평

    0.0
    (총 0건)

    판매자정보

    • 인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.

    상호

    (주)교보문고

    대표자명

    안병현

    사업자등록번호

    102-81-11670

    연락처

    1544-1900

    전자우편주소

    callcenter@kyobobook.co.kr

    통신판매업신고번호

    01-0653

    영업소재지

    서울특별시 종로구 종로 1(종로1가,교보빌딩)

    교환/환불

    반품/교환 방법

    ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청 또는 1:1 문의 게시판 및 고객센터(1577-2555)에서 신청 가능

    반품/교환가능 기간

    변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능
    단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

    반품/교환 비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
    상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담

    반품/교환 불가 사유

    ·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)

    ·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등

    ·복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

    ·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

    ·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

    상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음

    소비자 피해보상
    환불지연에 따른 배상

    ·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

    ·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

    (주) 인터파크커머스 안전결제시스템 (에스크로) 안내

    (주)인터파크커머스의 모든 상품은 판매자 및 결제 수단의 구분없이 회원님들의 구매안전을 위해 안전결제 시스템을 도입하여 서비스하고 있습니다.
    결제대금 예치업 등록 : 02-006-00064 서비스 가입사실 확인

    배송안내

    • 교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.

    • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.

    • 배송비는 업체 배송비 정책에 따릅니다.

    • - 도서 구매 시 15,000원 이상 무료배송, 15,000원 미만 2,500원 - 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용