개요 웹 개발 및 시험을 위하여 간략히 정적인 파일을 제공할 수 있는 서버 프로그램을 소개합니다. mongoose web server 공식 사이트에서 다운로드 받아서 실행하면 됩니다. 해당 실행파일이 있는 폴더를 기준으로 파일에 접속할 수 있습니다. node.js 를 위한 http-server node.js 가 설치된 환경에서 사용할 수 있습니다. npm 명령을 사용하여 설치합니다. $ npm install http-server -g 사용법은 다음과 같습니다. $ http-server [path] [options] ※ 제공하는 옵션은 http-server 웹 사이트를 참고합니다. Angular를 시험할 경우 다음 순서로 사용할 수 있습니다. Angular App을 Build 합니다. $ ng build ..
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 는 이러한 기능을 좀 ..
