1주차때 배웠던 모듈 시스템(module system)

리액트 네이티브, 즉 현재 만들고 있는 앱에서의 모듈 시스템은 어떠할까요? App.js를 다룰 때 이런 정의를 내린적이 있습니다. 1) 간단히는 App.js는 앱의 화면을 그려주는 커다란 함수입니다. 또는! 2) 자세히는 App.js는 리액트 네이티브 라이브러리 그리고 Expo에서 제공해주는 기능들을 사용하여 화면을 그려주는 커다란 함수입니다. 그리고 App.js는 모듈 시스템에 의해 내보내지고 있습니다.

 

 

즉, 화면을 그리는 함수(여기선 App()을 가르킵니다)가 내보내져서 어디선가 사용이 되며, 사용이 되는 것 즉 화면을 그리게 된다는 뜻입니다. 간단히 정리해보면, 우리가 만든 화면을 그리는 함수들은 리액트 네이티브로 전달되어(내보내져서 == export) 화면을 최종적으로 그린다는 것으로 이해하면 충분합니다. 그래서 앞으로도 여러 앱 파일을 만들때, export default function 으로 함수를 내보낼 계획입니다🙂

 

모듈 시스템은, 화면을 그리는 함수 말고도 데이터를 다룰 때도 유용하게 사용됩니다. 다음은 열심히 모아본 꿀팁 10가지 입니다. 딕셔너리 + 리트스 복합 구조로, JSON 데이터 형식으로 준비해 봤습니다. 해당 코드를 프로젝트에 data.json 파일을 만든 다음 복붙해서 넣어주세