배포 시 프로젝트의 `public` 폴더에 넣은 자료(이미지, 폰트 등)는 자동으로 최상위(루트)경로로 인식이 된다. 예를 들어 사진이 `/public/assets/logo.png` 라는 경로에 존재할 경우 다음과 같이 매핑을 시켜주면 된다.`src="/assets/logo.png"` (`public` 생략)
일반적으로 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 `props`를 사용해서 전달한다. 하지만 깊이가 깊어질 수록 prop drilling이 발생한다. 쉽게 말해 드릴로 뚫어버리듯 prop의 전달이 너무 깊어진다는 의미이다. 아래 발로 만든 구조를 보자. 대충 저런 구조에서 더 타고 내려가면 어떤 문제가 발생할까? 사실 아무런 문제도 발생하지 않는다. 물론 컴퓨터가 해석 할 때 아무 문제가 생기지 않는다는 것이고, 사람이 인지하는데는 어려움이 발생할 수 있다. 문제점깊이가 깊어질수록 어떤 컴포넌트로부터 props가 내려왔는지 파악이 어렵다. 특정 컴포넌트에서 오류가 발생할 경우 디버깅이 어려워진다. prop drilling의 예시 코드를 작성해보고 후에 context를 사용해서 리팩토링..