AngularJS를 배우고 front-back을 동시에 제작해보자

[무료] Angular(2+) Front에서 Back까지 - Nest js를 알려면 Angular 모듈을 알아야한다! - 인프런 | 강의

위 강의를 기반으로 학습함

사용 툴 : VSC, Safari

라이브러리 : nodeJS, TypeScript, AngularJS

https://github.com/mooner92/front-end

→ 학습기록을 남긴 레포지토리

<aside> 💡 TS를 tsc를 사용하여 컴파일 할 때 es5, es6 등 버전에 따라 다른 JS코드를 추출할 수 있다.

</aside>

TS Class의 특징

JS의 es6버전의 클래스보다 TS의 클래스 기능이 더 다양함

위는 단순 상속에 있어 TS와 JS으 코드 차이를 보여줌(es5 기준)

• 접근 제한자는 es6에는 없지만 TS에는 있음 (public,private,protected)

project_name/src/app 위치에 사용할 Component를 설치해야 하는데 이를 쉽게 해 주는 명령어가 있음

<aside> 💡 ng generate component [name]

</aside>

위 명령어를 입력시 [name]이라는 이름의 component가 생성됨

이 때 명령을 내리는 터미널상 위치는 (project_name $ : )이다.