220808 TIL -

📝TIL, 느낀 점

⁉️ Q&A

• setState의 비동기적 특성에 대한 자세한 설명 (스택오버플로우) https://stackoverflow.com/questions/48563650/does-react-keep-the-order-for-state-updates/48610973#48610973
• 이벤트 버블링과 캡쳐링에 대해 조금 더 자세히 알아야한다.
  • ⇒ 자식 요소에서의 이벤트와 부모 요소에서의 이벤트가 중복적으로 발생한다고 가정하면 그 때 둘 모두에서 같은 setState가 발생하면 중복적으로 발생해서 개발자가 원하지 않은 state가 될수도 있다는 가정에 의해 그렇게 하지 않도록 만든게 지금의 마지막 리렌더링 방식인것으로 해석된다.
  • 아주 좋은 설계인데, 지금 제대로 이벤트에대해 요소에 대해 알지 못하기 때문에 조금 헷갈리는것 같다.
  • 좀 더 자세히 알아야 할것 같다. 이것 저것 보아도 머릿속이 제대로 정리가 안된다.

✅ 공부

• React
  • useEffect 훅을 배우면서 드는 생각
    • 공식문서에서도 componentDidMount, componentDidUpdate 등을 활용해서 useEffect를 설명한다면 리액트를 새로 공부하는 우리입장에서도 클래스형 리액트 컴포넌트에 대해 한번쯤은 배워볼 필요가 있어보인다. 특히나 생명주기 메서드와 같은 개념을 이해하려면 필수적인 요소인것같다.
    • 이는 생활코딩 예전 리액트 강의를 통해서 배울수 있을것 같다. 그래서 edwith에 예전 클래스형 컴포넌트 리액트 강의가 아직 있는것인가 싶다. 제대로 기본을 먼저 배워야 함수형컴포넌트 패러다임을 적용하고 이해하는게 편하니까… 리액트 공식문서에서도 클래스형을 먼저 이해한뒤 함수형으로 나아가는 스타일이다.
    • QNA시간에 클래스형 컴포넌트도 알아야하냐고 질문드렸다. 멘토님은 함수형만 알아도 문제가 없다고 하신다. 그리고 덧붙이기를 나중되면 클래스형도 이해하게 되고, 자연스레 알게되거나 알도록 노력하는 시기가 올것이라고 하신다.
• LeetCode
  • (LeetCode) 206. Reverse Linked List (Easy)
    재귀 함수 풀이 내일 다시 풀어보기 ( 잘 이해했는지 확신이 없다.)
  • (LeetCode) 13. Roman to Integer (Easy) 코드 카타 시간에 나온 문제
    

😊 일상

• IDE를 더 잘써야한다.
  • 문단 단위 이동
  • 에디터창을 여러구역으로 쪼개고 구역사이를 이동하기
  • 특정 라인으로 라인이동
  • 마우스없이 작업해보기 모르겟음 찾아서 꼭 할수있기 연습해보기

🗺️ 좋은 글

📚

🚀🚀개선 점 및 계획

• 주말엔 가족이랑 시간을 보내다 보니 월요일인 오늘 할일이 정말 많음을 느꼈다.
• 주중에 집중해서 따라가야겠다. 어찌보면 살짝 체감 난이도가 올라가는 중이라 마음에 아주 든다. 긴장감이 생기는중!