[TIL] 0506

 

---

Today I Learnt 

 

0506:

 

항해 2기 사람들이 잘들하고있는지 궁금하다 

어차피 아는 사람들도 별로 없으니깐 그냥 상현이 형이랑  에리카가 무럭무럭 자라나는 걸 지켜보면서 

나는 뭘하나 하는 생각을 많이 하는데,

자신에 처한 상황에서 열심히 하면 언젠간 나중에 다 커서 만나겠지 라는 생각 중.

졸업하기 전에 node js 부수어버릴 만할 레벨 + OOP 확실한 개념을 알고 인터페이스 가지고 놀만 한 실력 + 봤을 때 너무 딸리지 않는 리액트 스킬을 목표로  준비하는 것으로 목표를 삼아야겠다. 

 

 

 

 

 

 

 

https://www.youtube.com/watch?v=cg1xvFy1JQQ 

 

class와 constructor , methode를 통해서 불필요한 삽질을 막을 수 있음.

 

inheritance를 통해서  코드 재사용할 수 있음. 

 

private, public , protected methods & property 

abstract class, static methods, interface 공부필요.

 

 

이상하게 콘솔로그에 겁나많이찍힌다.

useState/useEffect관리를잘못해서 랜더링이 계속되는줄알고 반나절동안 디버깅을햇는데못찾았다.

희성이한테 줌으로 보여주니깐 진짜3초만에 찾아냈다.

 

StrictMode를사용하면 콘솔로그가 두번씩찍힌다.

API가 두번씩호출되는줄알고 에러인줄알앗는데 그건아니고 

좀더 엄격한?모드인데 

이건나말고도 다른사람들이 컴포넌트가 랜더가 두번씩반복되는현상은  StrictMode를 제거하면 잘된다.

 

 

https://reactjs.org/docs/strict-mode.html

Strict Mode – React

 

 

https://velog.io/@kyoung-jnn/React-React.StrictMode%EB%9E%80-React%EC%97%90%EC%84%9C-Render-2%EB%B2%88-%EB%90%98%EB%8A%94-%ED%98%84%EC%83%81-%ED%95%B4%EA%B2%B0

[React] React.StrictMode란? / React에서 Render 2번 되는 현상 해결

잘만사용하면 디버깅시 필요해보이지만? 지금으로선 필요없으니 날려버리고 계속개발.

 

React Developer Tools

 

유투브강의나 여기저기서 쓰는걸많이봣는데 나는안보여서 어떻게 추가하는지몰랏는데'

클롬 익스텐셩이엿다.

 

이걸쓰면 컴포넌트트리가 보여서 좀더 수월한 디버깅가능.

 

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi/related?hl=en 

React Developer Tools