반응형
아이오닉은 src/index.html을 시작으로 모든 페이지를 연결합니다.
<!-- 아이오닉의 루트 컴포넌트로 app을 불러온다. -->
<ion-app></ion-app>
<!-- 아이오닉의 루트 컴포넌트로 app을 불러온다. -->
<ion-app></ion-app><!-- 빌딩 과정에서 polyfills js를 생성한다. -->
<!-- 브라우저 API를 보충하는 역할이다. -->
<!-- polyfill은 브라우저에서 지원하지 않는 API일 지라도 개발자가 사용할 수 있도록 도와준다. -->
<script src="build/polyfills.js"></script>
<!-- 빌딩 과정에서 vendoer.js를 생성한다. -->
<!-- node_modules의 모든 의존성(dependencies)를 포함한다. -->
<script src="build/vendor.js"></script>
<!-- 빌딩 과정에서 bundle js를 생성한다. -->
<!-- 모들 파일을 1개의 묶음 파일로 만드는 과정 -->
<script src="build/main.js"></script>./src/src 디렉토리에서 대부분의 코드를 작성하게 됩니다.
ionic serve를 실행시키면, src/ 안에 있는 코드는 transpiled (언어를 다른 언어로 번역) 됩니다. 아이오닉에서는 타입스크립트(TypeScript)를 작성하면, 브라우저가 이해할 수 있는 ES5로 transpile 합니다.
반응형