Tag: git

2020
0
DevelopProject

Books Review - Redux 적용하기 -

개발 서적 평가 서비스- Redux 적용하기 -목차 라이브러리 인스톨하기 action 추가하기 Store 생성하기 Reducer 추가하기 Combine Reducer Loading Reducer Token Reducer Error Reducer Logout 기능 추가 HOC(High Order Component) 추가 Singin Login For

0
DevelopProject

Books Review - 로그인 디자인하기 -

개발 서적 평가 서비스-로그인 화면 디자인-목차 라이브러리 인스톨하기 Ant Design 초기설정 Font 설정하기 App.js에서 <Link>를 Home.jsx로 이동하기 Signin 페이지 스타일링 하기 Component 폴더 및 파일 생성하기 Component 추가하기 -SigninBg- Component 추가하기 -SigninForm

0
DevelopProject

Books Review - 라우팅 설정하기 -

개발 서적 평가 서비스-라우팅 설정하기-목차 프로젝트 생성 라이브러리 인스톨하기 nvm 설정파일 생성하기 package.json 설정 추가하기 prettier 설정파일 생성하기 라우터 설정하기 pages 폴더 만들고 컴포넌트 설정하기 프로젝트 생성 1npx create-react-app books-review 라이브러리 인스톨하기 1234c

0
DevelopProject

Books Review - 개발 서적 평가 서비스 -

개발 서적 평가 서비스목차 목차를 클릭하면 자세한 개발 코드 및 코멘트를 확인하실 수 있습니다. Develop 1 프로젝트 생성 라이브러리 인스톨하기 nvm 설정파일 생성하기 package.json 설정 추가하기 prettier 설정파일 생성하기 라우터 설정하기 pages 폴더 만들고 컴포넌트 설정하기 Develop 2 라이브러리 인스톨하기 An

0
DevelopProject

GitHub Commit 독려 애플리케이션 ver.React

Carrot And Stick Ver.React해커톤 주제 기존 Vanila JS로 제작된 Carrot And Stick를 리액트로 리펙토링 + 로그인/로그아웃 구현 1. 팀 소개 팀명 : 채찍과 당근 팀장 : 김준혁 팀원 : 정다희 2. 팀 주제Git Commit 수에 따른 캐릭터 표정 변화 어플리케이션 입니다. 사용자의 학습 욕구를 도

0
TILReact

ReactStudy-10

React Re-Study : 10 SPA 프로젝트 배포 이해하기 serve 패키지로 React Wep App 배포하기 AWS S3 버킷 에 React Wep App 배포하기 node.js express로 React Wep App 배포하기 NginX 서버사이드 렌더링 이해하기 Optimizing Performance React Study with

0
TILReact

ReactStudy-09

React Re-Study : 9 Unit Test facebook/jest jest 3가지 문법 it (= test), describe, expect .not.to jest는 기본으로 한 테스트가 5초로 설정되어 있다. react-component-test 실습 컴포넌트 테스트 짜보기 Button 컴포넌트 enzyme 컨테이너 테스트

0
TILReact

ReactStudy-08

React Re-Study : 8 Ducks Pattern 규칙 connect with hooks 기존방식 -> src/containers/BooksContainer.jsx Hooks방식 -> src/containers/BooksContainer.jsx react-router와 redux함께 쓰기 redux-saga 제너레이터 re

0
TILReact

ReactStudy-07

React Re-Study : 7 시작하기 앞서 정리하기 프리젠테이셜 컴포넌트 와 컨테이너 컴포넌트 프리젠테이셔널 컴포넌트 컨테이너 컴포넌트 이 구조의 장점 어떤걸 컨테이너로 만들어야할까? Async Action with Redux 비동기 처리를 위한 액션 추가 및 dispatch (예시) 리덕스 미들웨어 미들웨어 만들어보기 Redux Dev

0
TILReact

다시 공부하는 React -06-

React Re-Study : 6 Flux 문제점 해결책 Redux 개요 Redux 만들기 Action - 액션 액션 생성자 리덕스의 액션은 어떤 일을 하는가? 액션의 준비과정 Reducer - 리듀서 createStore - 스토어를 만드는 함수 store 사용법 로직을 추가하기 action을 정의 action 생성자를 생성