알로그

Augular 개발환경 설정 & 프레임워크 개요 Install Node.js 설치 Vscode 설치 Angular 설치 (npm install -g @angular/cli) Typescript 설치 (npm install -g typescript) Angular 프레임워크 아키텍쳐 출처: https://angular.io/guide/architecture Angular 구성요소 component: @Component 장식자 + component 클래스 template: 화면구성 역할을 담당하고 html로 작성됨 directive: template의 html 태그내에서 속성 핸들링 service: 컴포넌트가 공통적으로 사용되는 비지니스 처리 로직 담당 module: 각 구성요소 관리(component, s..

Node.js Supervisor node.js로 개발하다보면 소스코드를 변경할 때마다 매번 재실행해줘야 하는 불편함이 있다. 이런 불편함을 해소하기 위해 'supervisor' 패키지를 이용해서 해결할 수 있다. $ npm install -g supervisor $ supervisor app.js (파일명)

Node.js 쿼리스트링(Query String) 생활코딩 Node.js를 이용해 웹애플리케이션 만들기의 내용을 정리해본다. 쿼리스트링(query string)은 어플리케이션에 정보를 전달할때, URL 사용되는 국제표준 방식이다. 이전 포스팅에서 언급했던 것처럼 아래와 같은 각 URL은 http://a.com/login http://a.com/home http://a.com/topic 언제나 같은 페이지를 보여주는 한계점이 있다. 이는 쿼리스트링을 이용하여 개선할 수 있으며, 아래와 같이 id 값을 다르게 입력함으로써 다른 결과를 보여줄 수 있다. http://a.com/topic?id=1 http://a.com/topic?id=2 id=1과 같은 부분을 쿼리스트링이라고 한다. 참조 : http://ex..

Node.js Express와 템플릿 엔진에 대해 알아보자. * 본 강의는 생활코딩 Node.js를 이용해 웹애플리케이션 만들기의 내용을 정리한 내용임 템플릿이 제공하는 기본적인 틀을 이용하여 더 빠르고 수월하게 개발할 수 있다. 쉽게 얘기하면 아래 그림에서 왼쪽과 같이 작성하면 오른쪽과 같이 자동으로 렌더링해준다. 여러가지 템플릿 엔진이 있지만 express에서 권장하는 pug(과거 jade)를 사용해보자. 사용법 $ npm install pug --save Express에서 템플릿을 렌더링하려면 아래와 같은 애플리케이션 설정이 필요하다. views, 템플리트가 있는 디렉토리. 예: app.set('views', './views') view engine, 사용할 템플리트 엔진. 예: app.set('v..

Node.js Express Framework 생활코딩 Node.js를 이용해 웹애플리케이션 만들기 강좌의 내용을 정리해본다. Express Nodejs에서 가장 잘 알려진 웹 프레임워크인 Express를 사용해보자. http://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs.com Install $ npm install express --save Sample code 아래는 Express를 활용한 간단한 소스코드 예제이다. get 메소드는 라우팅 역할을 하며 URL에서 '/' 위치로 가면 hello world가 response되며 ..