more comfortable for developers
# 이중렌더링 React.StrictMode (개발에서만 발생) : 비동기 렌더링을 위해 앱을 준비하는 데 도움이되는 래퍼 : 렌더링 단계 수명주기에서 예기치 않은 부작용을 감지
onFocus 함수를 div 엘리먼트에 태우기 위해서 "tabIndex" 적용
: 전역변수를 관리하기 위해 활용 (개발 중 전역변수를 필요하다고 느끼게 됨) 함수형컴포넌트에는 useContext(hooks) 사용 예정 우선 다양한 활용 예시를 통해 현재 소스에 어느 방법이 효율적인지 판단 후 적용 예정
- 참조 (react) https://ko.reactjs.org/docs/context.html (활용 예시1) https://react.vlpt.us/basic/22-context-dispatch.html (활용 예시2) https://velog.io/@devgosunman/%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%A5%BC-%EB%8B%A4%EB%A3%A8%EB%8A%94-%EA%B8%B0%EC%88%A0-15%EC%9E%A5-Context-API
- ISSUE :: Context.Consumer
This JSX tag's 'children' prop expects a single child of type '(value: IconText) => ReactNode', but multiple children were provided. TS2746
JSX.Element vs ReactNode vs ReactElement의 차이