[Spring&Angular] Spring 게시판 만들기 - WebStrom(웹스톰) Angular(앵귤러) 프로젝트 시작하기

!주의

Spring 게시판 만들기 포스트는 개발 기록을 남기는 것에 의의가 있습니다.

포스팅되는 내용대로 꼭 해야 한다는 법은 없습니다.

이 포스트는 이전 포스트에서 이어집니다.

 

이번 포스트에서는 강력한 프론트엔드 WebStrom을 이용해 Angular 프로젝트를 시작하는 법을 다뤄보겠습니다.

개발환경은 아래와 같습니다.

 

- Node.js

- WebStorm 2019.03

 

* WebStrom

JetBrains에서 만든 유료 프론트엔드 개발 툴로써 Angular를 비롯한 TypeScript, Node.js 등 다양한 프론트엔드

개발 환경을 제공합니다. WebStrom또한 IntelliJ 처럼 학생과 비영리프로젝트를 진행하다면 신청을 통해 지원을

받을 수 있습니다.

 

이번 포스트에서도 자세한 설치방법은 다루지 않겠습니다.

 

새로운 프로젝트를 시작하기 위해 WebStorm을 실행해 New Projcet를 선택합니다.

! 기존에 이미 프로젝트를 생성한 적이 있다면 File - New - Project 를 선택합니다.

 

Angualr CLI를 선택합니다. 그리고 Location에서 untitled을 지우고 원하는 프로젝트명을 입력한 후

CREATE를 클릭해 프로젝트를 생성합니다.

 

프로젝트를 생성하면 WebStorm에서 Angular 프로젝트에 필요한 라이브러리와 패키지를 다운 받기 때문에

다소 시간이 소요됩니다.

 

프로젝트에 필요한 라이브러리와 패키지를 전부 받았다면 콘솔창에서 ng serve 라는 명령어로 실행하거나

오른쪽 위에 위치한 초록색 시작버튼을 눌러 프로젝트를 Run 할 수 있습니다.

그리고 최초 Run을 실행하면 위와 같이 해당 프로젝트를 진행하면서 발생한 유저 데이터를 Angular Team에게

공유 할 것인지에 대한 약관을 물어보는데 이때 대답은 Y 또는 N 둘다 상관 없습니다.

Run이 성공하면 콘솔창에 아래와 같은 로그가 출력되며 하단의 주소로 결과를 확인할 수 있습니다.

http://localhost:4200/