[TIL] 2022 - 04 - 01

📒 Lecture Study

• Web3
• Infura
• EtherScan

📚 Futher Study

• solidity youtube lecture
• React/Nextjs inflean 강의

📌 Nextjs의 편리함

• react-route를 사용할 필요 없이 <Link> 태그를 이용할 수 있다. import Link from 'next/link'로 import 해주어야 한다.

• 프로젝트 폴더 안에 pages 폴더가 무조건 존재해야 한다. 이 pages 폴더 안에 있는 파일명에 맞게 자동으로 라우팅 처리가 되어서 매우 편리하다. http://localhost:3000/profile을 브라우저에 입력하면, profile.js 에 구현된 컴포넌트로 자동으로 라우팅된다. pages 폴더 안에 다른 폴더를 또 만들 수도 있다. (매우 강력🔥) 페이지가 아닌 컴포넌트들은 따로 components 폴더에 담아둔다. (폴더명은 꼭 components일 필요는 없음)
  

• nextjs에는 react 핫 로더가 자동 적용되어 있다. 코드를 바꿔서 저장하면 알아서 빌드해준다.

📌 useCallback() - 함수의 재사용

Component의 props로 넘겨주는 함수는 useCallback Hook을 사용해야 최적화가 된다. useMemo는 특정 결과값을 재사용 할 때 사용하는 반면 useCallback은 특정 함수를 새로 만들지 않고 재사용하고 싶을 때 사용한다. (따로 정리해두는 게 좋을 것 같다.)