ionic-v2 Directory Structure

2017-03-21

2020-09-05

ionic v2

ionic v2 디렉토리 구조

ionic –v2 의 폴더구조 및 환경설정 파일은 다음과 같다.

|-[myApp]
|--[app]
|--[hooks]
|--[node_modules]
|--[platforms]
|--[plugins]
|--[typings]
|--[www]
|--config.xml
|--package.json
|--tsconfig.json
|--typings.json

app : 개발자가 작성하는 모든 애플리케이션 코드가 위치한다.
hooks(codova) : cordova 빌드과정의 일부로써 동작될 수 있는 스크립트를 포함하고 있다. 앱을 패키지 할 때 필요하다면 언제든 커스터마이징 할 수 있다.
node_modules: npm을 통해 설치된 모듈들이 있다.
platforms(codorva) : ionic platform 으로 ios, android를 설치하면 하위 폴더로 생기고, Xcode 또는 Android Studio에서 import 할 수 있다.
plugins(codorva) : ionic platform 선택시 Codova의 플러그인이 설치되는 폴더이다.
resources : 앱을 위한 icon과 splash image를 해상도가 틀린 모바일 기기별로 놓는 곳이다.
typings : TypeScript로 쓰여지지 않는 js 라이브러리의 타입 정의를 한 type defintion 파일이 있다.
www(coderva) : index.html를 포함한다. 이곳은 빌드될 때 사용되는 것으로 애플리케이션 코드가 위치하는 곳이 아님을 주의하자. “ionic build” 를 하면 “cordova build” 가 수행되어 www 해당 디렉토리에 app의 코드가 위치하고 다시 platforms/ios 또는 platforms/android의 www 폴더에 copy 된다. 따라서 최종 사용되는 파일은 platforms/ios(또는 platforms/android) /www/*에 위치한다.
config.xml(cordova) : 앱 패키지를 만들 때 사용하기 위해 Cordova의 환경설정이 존재한다.
ionic.config.js : not used로 앞으로 없어질 것이다. ionic.config.json 파일은 버전 정보만 전달
package.json : npm 으로 설치되는 모든 모듈에 대한 설정
tsconfig.json / typings.json : TypeScript 환경설정 / type defintion file 환경설정

크게 “환경파일”, “Cordova”, “애플리케이션” 부분으로 나뉠 수 있다. 최초 템플릿이 생성된 이후 개발자는 “애플리케이션” 폴더인 “app” 를 사용하면 된다. blank 타입으로 만들었을 때 platforms 폴더에는 ios 플랫폼이 기본 설치 된다.

AppIonic

ionic v2 디렉토리 구조