참고 사이트: https://www.devglan.com/angular/angular-6-example
Angular 6 Project 생성하기
npm i -g npm@latest
ng new angular6-example
ng g service service/user
ng g service service/auth
login, add-user, edir-user, list-user 네 개의 컴포넌트를 차례로 생성해준다.
app.js 파일로 서버 연결
require 항목에 있는 express와 CORS는 명령어 npm i 로 수동 설치해주어야 정상 실행 된다.
const express = require('express');
const CORS = require('cors')();
localhost:4200 으로 접속하면 연결된 로그인 페이지를 확인할 수 있다.
'Programming > JavaScript' 카테고리의 다른 글
[Javascript] 브라우저 출력 | pdf 다운로드 | window.print() | html to pdf (0) | 2021.07.06 |
---|---|
[Javascript] DOM control 관련 자주 사용하는 문법들 (0) | 2021.06.06 |
[Javascript] 내장 함수(inner function)를 활용한 동적인 DOM 구현 (0) | 2019.09.02 |
React App 환경셋팅 및 개념 (0) | 2019.07.15 |
[jQuery] form 처리하는 방법 .submit() event (0) | 2018.12.05 |