221206 TIL

오늘 드디어 개인과제를 마무리했다!

 

제거하기와 변경하기 기능을 작성하는데 애를 먹었다.

리듀서에서 해야하는 일을 컴포넌트단에서 함수로 해결하려고하니 오류가 발생했었다.

 

onClick속성안에 함수를 넣는 방식이 틀려서 렌더링시 Todo들이 삭제되는 일이있었다. 화살표함수로 넣도록 하자

 

컴포넌트에 이름을 붙일 때 좀더 생각하고 붙여야겠다. 컨벤션같은게 있는 것 같은데 아직은 잘 모르겠다.

 

불린값을 비교할 때, 예를들어 map 안에서 비교할때, ! 느낌표를 좀더 잘 사용해야겠다.

실무에서도  ~~ === false 보다 !~~ 로 많이 작성한다고한다. 직접 보기에도 가독성도 좋아서 좀 더 생각하고 코드를 작성해야 겠다는 생각이 들었다.

 

리덕스, 리액트 라우터 돔, 스타일드 컴포넌트 다 솔직히 어려웠다.

css를 작성해야하는 처음부터 스타일드 컴포넌트를 작성하는데 어려움을 많이 겪었다.

여러 태그에 따로 스타일드컴포넌트를 작성하다보니 코드가 너무 더러워져서 왜 실용적인지 사실 잘 모르겠다.

css nesting을 사용해서 css를 따로 작성하면 더 효율적인거 아닌가? 라는 생각이 들었다.