Tag: React

2020
0
DevelopProject

Sky Printer

Sky PrinterSky Scanner 클론 1. 팀 소개 팀명 : Skyprinter 팀원 : 김진현, 김재헌, 김준혁, 2. 팀 주제 Sky Scanner 메인페이지 및 검색 결과 페이지 클론 3. 주제 선정 이유 Front : Sky Scanner 페이지 자체가 React로 구성되어 있고 적은 페이지에 선택한 조건에 따른 상호작용

0
DevelopProject

Books Review - 프로젝트 마무리 -

개발 서적 평가 서비스- 프로젝트 마무리 -목차 새로고침되는 것처럼 보이는 에러 해결하기 Edit Saga 추가하기 Edit Book Container 추가하기 Get Book Modal Component 추가하기 thunk 코드 삭제하기 페이지네이션 추가하기 라이브러리 인스톨하기 Head Component 추가하기 Home에 Head 추가하기 새

0
DevelopProject

Books Review - 미들웨어 추가 Redux Saga -

개발 서적 평가 서비스- 미들웨어 추가하기 : Redux Saga -목차 라이브러리 인스톨하기 action, reducer, store 파일 삭제 모듈 만들기 auth.js books.js saga.js create.js HOC 수정하기 서비스 추가하기 Container 수정하기 AddBookContainer BooksContainer Header

0
DevelopProject

Books Review - 미들웨어 추가 Redux Thunk -

개발 서적 평가 서비스- 미들웨어 추가하기 : Redux Thunk -목차 라이브러리 인스톨하기 action에 dispatch 추가하기 + redux-thunk 적용 Store 수정하기 리듀서 추가 및 수정 Books Reducer 추가 Combine Reducer 수정 - books 리듀서 추가 Loading Reducer 수정 Se

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