Ionic Page 추가하기, 생성하기

안녕하세요. IT김군입니다.

오늘은 Ionic Project에서 새로운 페이지를 추가하는 방법에 대해 알아보겠습니다.

터미널을 실행하여 Ionic 프로젝트 폴더의 경로로 이동합니다.

그 다음 새로운 페이지를 추가하는 명령어는

ionic g page 페이지이름

또는

ionic generate 페이지이름

명령어를 입력하게 되면 '페이지이름'으로 /src/pages/ 밑에 폴더가 생성되며 입력한 페이지이름으로 html / module.ts / scss / ts 4개의 파일이 생성됩니다.

저는 test라는 페이지를 생성해보겠습니다.

test라는 페이지를 맨 위의 명령어로 생성하면 위 사진과 같이 파일들이 생성됩니다.

파일은 생성되었지만 여기서 끝이 아닙니다.

다음은 test.ts 파일을 열어보도록 하겠습니다.

그럼 위와 같이 나오는데요. 여기서 class명인 TestPage를 복사합니다.

그 다음 /src/app/app.module.ts로 이동하겠습니다.

여기에 아래와 같이 3가지를 입력해주셔야 페이지 생성이 완료됩니다.

궁금하신 점 있으시면 댓글 부탁드립니다.

감사합니다.