Webpack+react 제품군 버킷으로 그레인 백엔드 프로젝트 개발

• 장1 제1장
• 1-1 빌드 도구 소개
• 1-2 웹팩 소개
• 1-3 Webpack은 작은 테스트입니다.
• 1-4 웹팩 구성 파일 사용
• 1-5 less-loader는 더 적게 구문 분석합니다.
• 1-6 eslint-loader 구문 확인
• 1-7 js 구문 변환
• 1-8 요청 시 새로운 js 구문이 도입되었습니다.
• 1-9 url-loader는 이미지를 스타일로 구문 분석합니다.
• 1-10 HTML 파일 팩
• 장2 2장
• 2-1 HTML로 이미지 리소스 패키징
• 2-2 기타 리소스 패키징
• 2-3 자동으로 컴파일, 패키징 및 실행
• 2-4 HMR(핫 금형 교체)
• 2-5 devtool 매핑 기술
• 2-6 프로덕션 환경 준비
• 2-7 패키지된 파일 디렉터리 지우기
• 2-8 CSS를 별도의 파일로 추출
• 2-9 CSS 파일의 호환성 처리
• 2-10 CSS를 압축하다
• 장3 세 번째 장
• 3-1 HTML을 압축하다
• 3-2 vscode 컴파일러 사용
• 3-3 반응 소개
• 3-4 안녕하세요 반응
• 3-5 가상 DOM을 생성하는 두 가지 방법
• 3-6 몇 가지 작은 질문
• 3-7 jsx 구문 규칙
• 3-8 jsx의 작은 연습
• 3-9 구성 요소를 만드는 두 가지 방법
• 3-10 검토
• 장4 4장
• 4-1 구성 요소의 세 가지 주요 속성 상태
• 4-2 상태의 약어
• 4-3 props, 컴포넌트의 세 가지 주요 속성
• 4-4 props를 통해 태그 속성을 전달하는 단순화된 작성 방법
• 4-5 구성 요소의 세 가지 주요 속성에 대한 참조 및 이벤트 처리
• 4-6 참조 새 구문
• 4-7 검토
• 4-8 Todolist는 정적 구성요소를 구현합니다.
• 4-9 할 일 목록은 데이터를 동적으로 표시합니다.
• 4-10 할 일 목록 완료
• 장5 5장
• 5-1 제어되는 구성 요소와 제어되지 않는 구성 요소
• 5-2 구성요소 수명주기
• 5-3 검토
• 5-4 forceUpdate 및 willRecriveProps 정보
• 5-5 getDerivedStateFromProps
• 5-6 getSnapshotBeforeUpdate
• 5-7 diff 알고리즘 확인
• 5-8 키의 기능
• 5-9 반응 스캐폴딩 다운로드
• 5-10 반응 스캐폴딩에 대한 간단한 설명
• 장6 6장
• 6-1 반응 스캐폴딩에 대한 자세한 설명
• 6-2 간단한 구성요소 조합
• 6-3 댓글 사례 - 정적 페이지
• 6-4 사용자 의견 사례 - 동적 초기화
• 6-5 사용자 댓글 사례 - 댓글 추가
• 6-6 사용자 리뷰 사례 - 완전한 상호작용
• 6-7 사용자 리뷰 - 제2판
• 6-8 액시스 운동
• 6-9 간단한 가져오기 연습
• 6-10 Github 검색 사례 - 정적 페이지
• 장7 제7장
• 7-1 github 검색 사례 - 요청 보내기
• 7-2 github 검색 사례 - 완전한 상호작용
• 7-3 검토
• 7-4 github 검색 사례—pubsub 버전
• 7-5 반응 구성 요소 간의 통신 방법
• 7-6 라우팅 소개
• 7-7 기본 라우팅 사용법
• 7-8 기본 라우팅에 대한 자세한 설명
• 7-9 2차 라우팅 구축(1)
• 7-10 검토
• 장8 8장
• 8-1 2차 라우팅 구축(2)
• 8-2 매개변수를 전달하는 라우팅 구성요소
• 8-3 프로그래밍 방식 경로 탐색
• 8-4 antd의 간단한 사용
• 8-5 검토
• 8-6 폴더 소개 - 프로젝트 효과 시연
• 8-7 자식 검토
• 8-8 프로젝트 기술 선정
• 8-9 create-react-app을 사용하여 애플리케이션 구축
• 8-10 antd 스타일의 주문형 도입 구성
• 장9 9장
• 9-1 antd 맞춤 테마
• 9-2 로그인 및 관리 경로 구축
• 9-3 로그인 정적 페이지
• 9-4 antd의 구성 요소 정적에서
• 9-5 사용자 이름의 선언적 검증
• 9-6 비밀번호 맞춤 확인
• 9-7 로그인 양식 통합 검증
• 9-8 고차 구성 요소 및 고차 기능
• 9-9 검토
• 9-10 Redux 브랜치 준비
• 장10 10장
• 10-1 Redux 상호작용 모델 소개
• 10-2 Redux 회로도에 대한 자세한 설명
• 10-3 사례 반응 버전
• 10-4 Case-redux-no-action 버전
• 10-5 Case-redux 최종 버전
• 10-6 반응-리덕스 소개
• 10-7 Case-react-redux (첫 번째 버전)
• 10-8 Case-react-redux (두 번째 판)
• 10-9 반응-리덕스 비동기 프로그래밍
• 10-10 redux 디버깅 도구 사용
• 장11 제11장
• 11-1 React-Redux를 위한 모듈식 코딩
• 11-2 검토
• 11-3 Redux 개발 환경 구축
• 11-4 API 인터페이스 및 테스트
• 11-5 도메인 간 문제를 해결하기 위해 프록시 구성
• 11-6 게시 요청 json 형식 인코딩 매개변수
• 11-7 Axios 요청 인터셉터 사용
• 11-8 Axios 응답 인터셉터 사용
• 11-9 프로젝트 기본 경로 구성
• 11-10 진행률 표시줄 효과 요청
• 장12 제12장
• 12-1 서버가 반환한 사용자 정보를 Redux 관리를 위해 처리
• 12-2 자동 로그인
• 12-3 로그아웃 기능
• 12-4 검토
• 12-5 데코레이터 구문
• 12-6 토큰 검증
• 12-7 관리자 전체 레이아웃 구축
• 12-8 관리 하위 라우팅 구축
• 12-9 헤더 정적 레이아웃
• 12-10 로그인 상태 만료 시 자동 점프
• 장13 제13장
• 13-1 헤드 인터랙션 - 전체 화면 전환
• 13-2 머리 상호작용 - 로그아웃
• 13-3 헤드타임 표시
• 13-4 날씨 정보 얻기
• 13-5 날씨 정보 표시
• 13-6 withRouter 사용
• 13-7 왼쪽 탐색 정적 레이아웃
• 13-8 왼쪽 탐색 정적 - 전환 효과
• 13-9 메뉴를 동적으로 생성
• 장14 제14장
• 14-1 메뉴는 기본적으로 선택되어 자동으로 열립니다.
• 14-2 헤더 구성 요소에 제목 표시
• 14-3 redux를 사용하여 제목 관리
• 14-4 상품 분류 정적 페이지(1)
• 14-5 상품 분류 정적 페이지(2)
• 14-6 동적으로 데이터 초기화
• 14-7 팝업 창 추가 및 수정
• 14-8 새 제품 추가
• 14-9 제품 카테고리 업데이트
• 14-10 탐색 기본 선택 문제 해결
• 장15 제15장
• 15-1 상품관리 정적페이지
• 15-2 초기화 목록 표시 + 페이징
• 15-3 작업 항목 상태
• 15-4 검색 요청 보내기
• 15-5 검색 기능 구현
• 15-6 제품 세부정보 구성 및 라우팅 변경
• 15-7 라벨 선택 및 제목 문제 해결
• 15-8 제품 세부정보-정적 페이지
• 15-9 세부정보 표시
• 15-10 서버에서 세부정보 가져오기
• 장16 제16장
• 16-1 제품 세부정보 표시-redux
• 16-2 제품 세부정보 표시-백엔드 요청
• 16-3 새 제품 정적 페이지 추가
• 16-4 일부 제품 데이터 수집
• 16-5 벽걸이형 사진
• 16-6 업로드 구성요소를 사용하여 파일 업로드
• 16-7 응답 업로드 및 삭제
• 16-8 완전한 업로드 기능
• 16-9 리치 텍스트 편집기
• 16-10 완전한 새 제품
• 장17 제17장
• 17-1 제품 수정
• 17-2 역할 관리 소개
• 17-3 새 역할 추가
• 17-4 트리 메뉴
• 17-5 인증 기능 완료
• 17-6 사용자 목록 가져오기
• 17-7 신규 사용자
• 17-8 트래버스 메뉴 - 배열의 일부 방법
• 17-9 전자 차트 사용