반응형
모듈을 작업할 때에는 Visual Studio에서
반드시 " 작업할 폴더 " 를 열어서 작업해야 한다!
1. 모듈 처리
Htmlﾠ➞ﾠ< script > 태그
Jsﾠ➞ﾠNode : ES5의 "require " 함수
ﾠﾠﾠﾠﾠﾠReact : ES6의 " import "
2. packge.json 파일 생성 후 수정
packge.json 파일이 작업 폴더의 최상단에 위치해야 한다!
window : ' cmd ' 창 or " Visual Studio " 의 ' 터미널 ' open
Mac : " Visual Studio " 의 ' 터미널 ' open
ﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠ⬇︎
" npm init " 명령어 + Enter
ﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠﾠ⬇︎
' packge.json ' 파일에 "type" : " module " 이라는 소스 코드 추가 ( 위치 아무 곳이나 상관없음 )
ﾠﾠﾠ➞ﾠ하위의 모든 파일들이 ES6 모드로 실행된다.
3. 모듈 사용
함수는 코드를 재사용하기 위해 그룹화하는 가장 편리한 형태
클래스는 여러 개의 함수를 그룹화하는 형태
import 하여 값을 받아올 때 모두 받아올 필요 없이 원하는 값만 받아오면 된다.
반응형