본 포스트는Angular - Architecture overview 의 내용을 개인적인 메모의 목적으로 재게재 한 것입니다. 아키텍처 개요 Angular는 HTML과 타입스크립트(TypeScript)를 이용하여 웹브라우저에서 동작하는 응용 프로그램(클라이언트)을 개발하기위한 플랫폼이자, 프레임워크입니다. Angular는 타입스크립트로 작성되어 있습니다. 타입스크립트 라이브러리를 이용하여 Angular 앱에서 필수적으로 사용해야하는 코어(Core) 부분과 Angular 앱에서 선택적으로 사용할 수 있는 기능들을 구현하였습니다._NgModule_은 Angular 앱의 기본 구성 요소로 내부에 포함되어 있는 컴포넌트(components) 들에 대한 컴필레이션 컨텍스트(compilation context)1를 ..
모듈, 프레임웍/Angular
개요 Angular CLI 를 사용하여 Angular 어플리케이션 작성을 위한 프로젝트를 생성합니다. 앞서 작성한 글에서 설명한 개발환경에서 이어서 진행하도록 합니다. 새로운 프로젝트 생성하기 윈도우의 cmd 를 열도록 합니다. PC 의 임의의 폴더로 이동하여 Angular 라는 이름의 폴더를 하나 생성한 후, 폴더 안으로 이동합니다. (이후 이 폴더를 작업 폴더라고 부르도록 하겠습니다.) > mkdir Angular > cd Angular 내부에 my-app 라는 이름의 어플리케이션을 만들기 위해서 아래의 명령을 입력합니다. > ng new my-app 이 명령의 결과로 my-app 폴더가 Angular 폴더 안에 생성되고 해당 폴더안에 기본적인 application 이 추가됩니다. my-app 폴더 ..
출처 : angular 개발환경 설정하기 참고 1 이하의 문서에서 플랫폼이라는 용어는 OS 를 의미합니다. 현재 사용하고 있는 데스크탑의 OS는 Windows 10 으로 이를 기준으로 내용을 작성하도록 하겠습니다.참고 2 이하의 설치과정을 생략하고 온라인 IDE 서비스인 StackBlitz 를 사용하여 Angular 어플리케이션의 작성이 가능합니다. 필요한 소프트웨어 Text Editor Visual Studio Code 를 사용하겠습니다. VS Code 의 홈페이지 에 접속하여 Download for Windows 버튼을 눌러 인스톨러를 받습니다. 이를 실행하면 설치가 완료됩니다. 웹브라우저 구글사의 크롬 브라우저를 사용하도록 하겠습니다. 역시 Chrome 의 홈페이지 에 접속하여 Chrome 다운로드..
개요 Angular는 구글사의 Angular Team 과 개인 개발자 커뮤니티에 의해서 개발되고 있는 TypeScript 기반의 프론트앤드 웹 어플리케이션 플랫폼입니다. 2012년 최초에 소개된 AngularJS 의 후속 버전으로 AngularJS 개발팀이 AngularJS를 바탕으로 완전히 재작성 한 것입니다. HTML 을 이용하여 웹을 만들 경우, 정적인 문서를 만들게 됩니다. 이 정적인 문서에 JavaScript 를 사용하여 문서내의 요소를 동적으로 제어를 하여 웹 어플리케이션을 작성할 수 있습니다. 사용자가 버튼을 클릭하면 클릭한 결과에 따라 서버에서 데이터를 동적으로 얻어서 화면에 표시한다던지, 혹은 계산을 하여 결과를 제공한다던지 하는 예를 들수 있습니다. Angular 는 이러한 기능을 좀 ..
