21.01.30- TIL

오늘 한 일

1) 드림코딩 아카데미 리액트 강의 듣기

2) 따라서 만드는 노드, 리액트 시리즈 기본 강의 듣기

 

느낀 점

1) 드림코딩 아카데미 리액트 강의

오늘부터 habit-tracker라는 투두 리스트 비슷한 예제 프로젝트를 시작하였다.

저번에 배운 state와 pops의 개념을 프로젝트를 통해서 어떤식으로 활용하면서 만들면 되는지

배우고 실습 하였다. 오늘은 먼저 이 프로젝트의 습관명, 카운트, 플러스,마이너스, 삭제 버튼이 구성 되어 있는 가장 작은 단위의 컴포넌트를 만들고 App에 state와 state를 업데이트 하는 로직을 만들고 그것들을 pops로 전달하면 그 props를 바탕으로 맨 처음 만든 컴포넌트의 개수와 맨 처음 만든 컴포넌트에 props를 전달 해주는 컴포넌트들을 만들었다, 오늘 이 실습을 해보니 props의 흐름을 프로젝트 실습으로 구현해보니 더 와다았고 유익했던 강의 였다.

이 강의에서 habit-tracker 실습까지는 클래스형 컴포넌트에 대해서 배우는거 같다 지금은 리액트 훅이 나온 후로부터 함수형 컴포넌트가 대세라서 함수형 컴포넌트를 프로젝트에서 쓰는데 클래스형 컴포넌트로 간단한 실습을 하는 것은 그래도 클래스형 컴포넌트에 대해서도 알아야하니 그런거 같고 간단하게 state와 props도 학습하고 위해서 인거 같다. habit-tracker 실습이 끝난 다음에는 퓨어 컴포넌트, 라이프 사이클 컴포넌트를 배우고 함수형 컴포넌트, 리액트 훅을 배우고 또 실습도 한다고 한다.

 

2) 따라서 만드는 노드, 리액트 시리즈 기본 강의

지금까지 진도를 나가면서 노드에 대한 지식이 아예 없었음에도 불구하고 따라하다보니 자연스레 이해 되는 것도 있고 그랬는데 오늘은 저번에 라우터로 라우트한 회원가입,로그인,로그아웃 페이지중 회원가입 페이지를 리덕스로 상태관리하는 것을 구현 하는 것을 실습하였는데 너무 어려웠다.작년에 리덕스 이론을 어느정도 습득했다고 생각했는데 실습할 때 이렇게나 어렵다니 ㅠㅠ일단 클론코딩 실습을 계속 진행하면서 동시에 리덕스에 대한 기본 지식을 다시 공부해야겠다!