redux-todo-web

redux-todo-web copied to clipboard

React, React Hook, Redux를 이용해 만든 Todo 웹

Soonchunhyang University

Department of Computer Software Engineering

김민수

[ Facebook ] [ Github ] [ LinkedIn ] [ Blog ]

DEMO

[DEMO]

To Do

• [x] Connect to Back-End servers
• [x] Redux asynchronous action processing
• [x] Implement authentication logic using jwt
• [x] Implement login modal
• [x] Implement sign up modal
• [x] Split reducers, actions files
• [x] Fix component structure
• [ ] Fix jwt auth logic

What I Earned

• 컴포넌트 구조 설계하기
• 함수형 컴포넌트의 사용
• 모바일 반응형 웹 디자인 적용
• 직접 구현한 백엔드 서버와 연결
• Redux의 동작 과정 이해 및 사용
• 여러개의 reducer를 결합해 사용
• React Hook에 대한 기본적인 이론
• useState와 useEffect의 사용 방법
• ThemeProvider를 이용한 다크모드 지원
• redux-thunk를 이용한 비동기 액션 처리
• 함수형 컴포넌트로 Container - Presenter패턴 사용하기
• React Hook으로 클래스형의 Life Cycle매서드 따라하기

DEMO IMAGE