이미 소장하고 있다면 판매해 보세요.
- 국내배송만 가능
- 문화비소득공제 가능
이 상품의 태그
상세 이미지
책소개
목차
|
1장 웹 개발 동향
_ 1.1 웹 개발 기술의 변화와 환경 __ 웹 프런트엔드를 둘러싼 환경 __ 디자이너와 개발자 __ 개발 현장에서의 고민 __ 이상적인 프런트엔드 개발자 _ 1.2 개발자가 생각해야 할 것 __ 브라우저 지원 __ HTML과 CSS __ CCS의 문제점 _ 1.3 설계의 필요성 __ 지금까지의 프런트엔드 코드 __ 코드는 살아있는 생물 2장 리액트의 기본 _ 2.1 리액트란? __ 리액트의 특징 __ 리액트 추천 이유 _ 2.2 기본 구문과 실행 환경 __ ECMAScript __ 개발 환경 준비 __ 온라인 편집기 CodeSandbox _ 2.3 JSX __ JSX란? __ Babel _ 2.4 리액트 작성 방법 __ 컴포넌트(Components ) __ render __ 함수형 컴포넌트(Functional Components) __ Props __ State __ 이벤트 __ key _ 2.5 생명주기 __ 리액트에서의 생명주기 __ 처리의 흐름 __ Functional Components의 생명주기 _ 2.6 Babel 7로 업데이트 3장 아토믹 디자인 _ 3.1 아토믹 디자인이란? __ 아토믹 디자인의 기본 개념 __ Atoms __ Molecules __ Organisms __ Templates __ Pages _ 3.2 아토믹 디자인의 장점 __ 디자인 시스템 __ 개발에서의 디자인 기준 _ 3.3 컴포넌트 개발의 UI 디자인 __ 스타일 __ 레이아웃 __ 톤과 매너 _ 3.4 리액트와의 궁합 __ 비대해지지 않는 컴포넌트 __ 확장성 _ 3.5 Fragments 4장 소스 코드 빌드 _ 4.1 빌드의 이유 __ Node.js __ 사람과 기계가 해야 할 일 __ 개발 환경의 확장성 _ 4.2 webpack __ webpack의 기본 __ webpack 설정 __ webpack.config.js __ 로더 __ 플러그인 _ 4.3 webpack-dev-server __ 기본 사용 방법 __ Hot Module Replacement 5장 컴포넌트 구현 _ 5.1 모범 사례 __ Presentational과 Container 컴포넌트 __ 데이터 반영 __ Local State _ 5.2 컴포넌트 수준 __ 아토믹 디자인과의 비교 __ Molecules·Organisms와 Templates·Pages __ 실제 운용과 타협점 _ 5.3 프로젝트 구성 __ 컴포넌트 디렉터리 __ UI 라이브러리 활용 _ 5.4 서버 사이드 렌더링 __ 서버 사이드 렌더링이란? __ 리액트로 서버 사이드 렌더링 구현 6장 CSS 구현 _ 6.1 컴포넌트화와 CSS __ 종래의 접근법 __ 해결해야 할 문제 _ 6.2 CSS in JS __ CSS in JS의 기본 개념 __ CSS modules __ styled-components __ styled-jsx _ 6.3 CSS 분리 __ 지역 범위 실현 __ PostCSS __ Portals 7장 로직 구현 _ 7.1 컴포넌트의 상태 관리 __ 프런트엔드가 가진 상태란? __ 종래의 상태 관리와 Flux _ 7.2 리덕스의 기본 __ 기본 개념과 3원칙 __ 구현 __ 데이터 흐름 _ 7.3 리덕스 실습 __ 리액트 컴포넌트와의 연결 __ 미들웨어(Middleware) __ Store를 이용한 UI 제어 _ 7.4 비동기 처리 __ Redux의 지연 처리 __ redux-thunk __ redux-saga _ 7.5 Error Boundary 8장 제품의 품질 _ 8.1 품질 유지 __ 제품의 품질 __ 품질 유지의 필요성 __ 품질 유지의 포인트 _ 8.2 컴포넌트 테스트 __ 테스트 프레임워크 __ 리액트 컴포넌트 테스트 __ enzyme __ enzyme의 렌더링 처리 _ 8.3 Lint __ ESLint __ ESLint 설정 __ Rules __ stylelint _ 8.4 flow __ 자료형의 이점 __ flow란? __ flow 실무 __ 자료형 지정의 응용과 자료형 정의 _ 8.5 스타일 가이드 __ 스타일 가이드의 필요성 __ Storybook __ Storybook 설치 __ 스토리 파일 작성 __ 애드온 |
저자 소개 3
1987년 출생으로 DMM.com 랩 소속이다. 디자이너로서 웹 사이트 제작을 경험한 후 2014년 5월부터 현 직장에서 근무하며 네이티브 앱 UI/UX 디자인과 웹 프런트엔드 업무를 담당하고 있다. 이직 후 본격적으로 자바스크립트를 배워 지금은 이벤트 참여와 OSS 커밋 활동 등을 수행한다. 디자인부터 구현까지 담당할 수 있다는 강점을 살려 사용성·접근성 등을 중시한 고품질 웹 개발을 연구하고 있다. 서비스나 가젯 등은 새것이 좋으며 배와 맥주와 음악을 무척 즐긴다(악기는 연주하지 못함).
프로그래밍을 좋아하는 10년 차 이상의 개발자, 강사들의 비공개 모임. 강의와 개발 등을 하면서 얻은 지식을 정리하기 위해서 집필 활동을 하고 있다. 네이버 카페(https://cafe.naver.com/gugucoding)에서 독자들과 소통하고 있다. 최근에는 기업체 교육활동을 위주로 관련 지식을 전파하고 있다. 저서로는 『코드로 배우는 리액트』, 『코드로 배우는 스프링 웹 프로젝트[개정판]』, 『코드로 배우는 스프링 부트 웹 프로젝트』, 『RESTful API 서버 구현』 등이 있다.
구멍가게 코딩단의 다른 상품
연세대학교 심리학과를 졸업하고 웹 개발 프리랜서를 거쳐 IT 전문 출판사에서 기획과 편집 업무를 담당했다. 번역서로 『빅데이터 시대, 올바른 인사이트를 위한 통계 101×데이터 분석』, 『프로그래머, 수학으로 생각하라』, 『처음 만나는 머신러닝과 딥러닝』, 『HTML5 & API 입문』, 『데이터 해석 입문』, 『건강한 프로그래머』 (이상 프리렉), 『이렇게 쉬운 통계학』 (한빛미디어) 등이 있다.
안동현의 다른 상품
-
생각한 대로 말할 수 없어 답답했던 개발자를 위한 생각의 정리, 문서 작성법 이동생각한 대로 말할 수 없어 답답했던 개발자를 위한 생각의 정리, 문서 작성법18,000원 10%
품목정보
- 발행일
- 2019년 05월 08일
- 쪽수, 무게, 크기
- 464쪽 | 182*232*30mm
- ISBN13
- 9788965402411
출판사 리뷰
|
React ＋ Atomic Design
아토믹 디자인이란? 일관성 있고 재사용할 수 있도록 디자인을 시스템화하여 팀 개발에 효율적이며 모던 워크플로를 확립할 수 있도록 합니다. 웹 사이트의 레이아웃을 원자, 분자, 유기체, 템플릿, 페이지로 분해하여 서비스 전체에서 재사용이 가능하도록 합니다. 이 책에서는 리액트의 기본부터 UI 디자인 설계, 컴포넌트 구현, 모듈 번들러 웹팩을 이용한 소스 코드 빌드, 리덕스를 통한 상태 관리, 리액트 컴포넌트 테스트, 제품 품질 유지, 코드 컨벤션, 스타일 가이드 등 실제 개발 현장에서 접할 수 있는 실무 노하우를 해설하고 있습니다. 리액트는 프런트엔드 개발에 혁신적인 영향을 주었습니다. 이전의 자바스크립트 라이브러리와 비교하면 구축할 때 접근하는 방식이 달라졌으므로 앞으로의 UI 개발에서 많은 통찰력을 얻을 수 있을 것입니다. 이 책은 '앞으로의 UI 개발' 시점에서 리액트를 설명합니다. |
