[TIL] React - ToDoList

todolist를 리엑트를 사용하여 구현을 하는데 상위 컴포넌트 에서 하위 컴포넌트로 어떤 식으로 내려줄까에 대한 고민을 많이 하였다. 

App 이라는 컴포넌트를 최상위에 두고 아들로 각각 todolist 와 category로 나누는 구조로 만들었다. 

그리고 데이터에 어떤 값들을 추가해서 내려줘야하는지에 대한 고민도 많이 했다.

 

세션을 진행하다가 생긴 오류

Parsing error: Only one default export allowed per module.

Export default class 를 사용하는 상태에서 

Export defalut를 아래에서 한번더 정의해 주어서 요류가 발생

 

React 사용시 한번 더 확인할 것

 

React 에서 함수를 설정하여 값을 넣을때 {} 꼭 쓰기 

 

파일을 vs 코드에서 드래그로 옮겼을 때 자동으로 경로를 변경할 경우 인식이 안될 경우가 있다 이럴때는 파일에서 직접 경로를 변경해주자!

 

react에서 push대신 concat을 사용하는 이유 

psuh를 하면 가리키는 배열이 똑같기 때문에 비교를 할수 없다.

반면 concat의 경우엔 새 배열을 만들기 때문에 비교가 가능하다.

https://velopert.com/3480.

 

 

내일 할일 

• To Do List 완료하기
  • 데이터 구조 만들기
  • css 수정하기