안녕하세요 : )
이 앵귤러는 프론트앤드 개발언어로 저의 메인개발 언어에 속하기도 합니다.
저는 2016년도에 처음 AngularJS를 접하면서 현재 버전 Angular 8까지 사용해봤고
앞으로도 쭈욱~ 사용할 겁니다.
AngularJS, Angular2, Angular4, ..., Angular8 까지 2020년 초에 Angular9 Release가 나온다고 합니다.
(솔직히 Release가 너무 빨라서 따라가기 너무 바쁩니다. 하지만 이 재미에 앵귤러를 하고있습니다 !)
멋있네요
앵귤러(Angular) 언어란 무엇인가?
앵귤러는 기본적으로 Typescript를 기반으로 개발하는 웹 오픈소스 프레임워크입니다.
Angular 2 Release 부터 angular-cli 를 지원하면서 초기 소스를 자동으로 생성해주면서
이클립스나 인텔리제이와 같은 IDE 툴에서 생성하지 않아도 초기 코드 생성이 가능합니다.
매우 간편합니다. 명령프롬프트(윈도우 cmd)에서 angular-cli 사용해도 코드가 자동으로 생성되거든요.
그리고
자주 사용하는 화면은 컴포넌트로 개별 모듈화하여 소스를 재사용할 수 있도록 구성되어있어서
소스 정말 깔끔하게 개발할 수 있고, JAVA 처럼 캡슐화가 가능합니다.
웹프레임워크의 양대산맥... 아니죠 이제 3개의 프레임워크가 거의 주축을 이루고있습니다.
ReactJS vs Angular vs Veu.js
이 프레임워크의 비교도 나중에 한번 포스팅하도록 하겠습니다.
자 그럼 Angular 를 사용하기 위한 툴설치를 시작하겠습니다.
먼저 NodeJS 설치를 하셔야합니다.
Angular는 NodeJS를 사용하고 있고, npm을 사용합니다.
Node JS (https://nodejs.org/ko/)
그리고 제 블로그에서는 Visual Studio Code를 사용하고 있어서 소개합니다.
다른 툴을 사용하신다면 굳이 설치하지 않으셔도 됩니다.
Visual Studio Code (https://code.visualstudio.com/)
NODE JS 다운로드 // Visual Studio Code 다운로드
Visual Studio Code - Code Editing. Redefined
Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.
code.visualstudio.com
설치 끝
다음 포스트에서는 angular-cli를 통해서 초기 코드를 생성하고,
웹 화면을 띄워서 Hello World 를 보도록 하겠습니다.
'프론트앤드 > Angular' 카테고리의 다른 글
| [Angular] 앵귤러로 프론트앤드 개발 #2 - HelloWorld (0) | 2019.12.25 |
|---|
