[React.js] 간단한 실습3. 투두리스트 준비

나는 이전에 학원을 다니면서 vue.js를 배운 적이 있다

그때 실습으로 

https://mm-study-front.tistory.com/47

[Vue.js] 투두리스트 진행사항

vue를 이용해 투두리스트를 만든 적이 있다

 

값을 입력하고 출력하는데 DB서버를 이용했다

 

리액트는 vue랑 뭐가 다른지 실제로 구동하는 애플리케이션을 만들면서 비교해 봐야지

 

---

 

우선 뷰 투두리스트는 파이어베이스와 연동해 데이터를 저장하고 출력했는데 

 리액트는 useHook으로 state, value 처리하기가 너무 좋아서 리액트 hook을 먼저 사용해 보고

후에 파이어베이스 연동 해봐야겠다

 

https://mm-study-front.tistory.com/45

[React.js] useEffect

https://mm-study-front.tistory.com/43

[React.js] React Hooks

 

---

 

우선 기본 구조먼저 짜보자면

 

header -> 오늘이 며칠인지 알려주고 간단한 제목을 적기

 

main ->  투두를 입력할 창과 입력한 투두들이 나타나는 리스트 2개로 구성

 

footer -> 간단한 디자인과 copyright 적기

 

나는 입력하면 input창을 비우고, 공란이면 제출이 안되고, 엔터키(keycode=13)만으로 value 값 제출하게끔 할 예정

 

할 것들이 많아서 우선 전체 디자인 화면과 입력해서 화면에 나타나는 부분 먼저 곧 올릴 예정