Day 1

vscode-styled-component extension의 autocomplete 기능이 작동하지 않아서 찾아보니 내 문제가 아니라 vscode의 문제라는 것을 알아냈다. 해결하려고 엄청 찾아봤는데..;; 다음 업데이트까지 기다려 봐야겠다.

()();

를 사용하면 함수를 정의하고 바로 사용할 수 있다. 조금 유용한듯.

아래는 예시

(async () => {
const response = await fetch("https://api.coinpaprika.com/v1/coins");
const json = response.json();
console.log(json);
})();

react-router-dom 이 v6로 업그레이드 되면서 바뀐 것들이 많다. 공부하기 귀찮다...

<Switch/>
는 
<Routes/>
로

<Link to={{pathname: "", state={}} />
는
<Link to="" state={} />
로

등등...

이렇게 보니 가독성이 높아진것 같기도...?

typescript로 코딩할 때 data의 interface를 만들어줘야 할때가 많은데, 크기가 큰 data일 경우 콘솔을 이용하면 interface 작성이 쉬워진다는 허니팁.

Object.keys(temp1).join();

Object.values(temp1).map(v => typeof v).join();

자주 사용할 것 같은 녀석들이다.
기본 자바스크립트 문법의 중요함을 다시 한번 깨닫는다.

훅들이 참 많다.

useMatch();
useParams();
useLocation();
...

내일도 화이팅