[2023.06.27] 개발일지

My Todolist 작업 중 컴포넌트들을 props하다보니 여러 오류가 발생했다.

 

부모 컴포넌트를 App.js파일에 넣고 자식 컴포넌트들을 각각 Working.jsx와 Done.jsx 파일에 집어 넣은 후

css파일 내용들이 자식 컴포넌트에도 가져오게끔 하려면 당연히 자식 컴포넌트 파일에

경로에 있는 파일을 import 해야한다고 생각했다.

하지만 이 한줄로 인해 오류가 난 것이다.

 

처음 에러를 마주했을 때는 부모 컴포넌트와 자식 컴포넌트가 서로 다른 폴더에 저장되있기 때문인 줄 알고

이렇게 대처했다.

그러나 또 똑같은 에러 메세지...

 

여기서 나는 저 한 줄을 과감하게 지워보았다.

그랬더니 갑자기 정상적으로 실행되기 시작했다!

 

알아보니 이미 부모 컴포넌트 App.js에서 자식 컴포넌트에게 내려준 것이기 때문에 부모 컴포넌트와 자식 컴포넌트 둘 다 css는 적용이 된다는 것이었다.

 

 

 

부모 컴포넌트에서 가져온 파일은 자식 컴포넌트에도 연동된다...!