HACKDUN

Angular는 라우터를 지정해줘야지만 해당 경로로 이동할 수 있음 ex) 127.0.0.1:4200/register 이런 경로 App-routing.module.ts 파일 수정 import { NgModule } from "@angular/core"; import { Routes, RouterModule } from "@angular/router"; //RouterModule 읽어오기 import { RegisterComponent } from "./components/register/register.component"; //필요한 컴포넌트 객체 생성 const routes: Routes = [ { path: "", component: HomeComponent }, { path: "register", ..

메인 루트 : http://localhost:3000 새로운 users 루트 : http://localhost:3000/users/ (별도의 폴더 routes를 만들고 이곳에 users.js 파일 생성 예정) app.js const app = express(); const users = require('./routes/users'); //이 부분 추가 const port = 3000; app.use(cors()); app.use(bodyParser.json()); app.use('/users',users); //이 부분 추가 다음, routes 폴더 만들고 users.js 파일 생성 users.js const express=require('express'); const router=express.Rout..

nodemon이란 ? -> node.js 기반의 웹 어플리케이션 개발시, 파일 변경이 감지될 때, 자동으로 재시작하도록 하는 툴 설치 방법 ? > npm install -g nodemon (-g 옵션은 글로벌 설치를 의미하며 컴퓨터 내의 어떤 위치에서도 실행 가능하게 설치) 실행 방법 ? > nodemon

https://duni0107-day.tistory.com/85 node.js 실행 방법 https://opentutorials.org/course/2136/11853 간단한 웹 에플리케이션 만들기 - 생활코딩 본 수업에서는 Nodejs를 이용해서 간단한 서버 에플리케이션을 만들어보겠습니다. 아래 코드는 Nodejs에서 제공하는 기본.. duni0107-day.tistory.com 위의 글에서 node.js를 실행시킨 후 콘솔에 hi를 뜨게 만들어 봤습니다. 이제 만들었던 app.js의 내용을 수정해서 웹 서버를 만들어보도록 하겠습니다. const express = require('express'); const path = require('path'); const bodyparser = require('..

1. MEAN stack이란 ? -> MongoDB, Express, Angular, Node.js 를 사용하는 프레임워크의 한 종류 2. 장점 ? -> 1. 단일언어 javascript로 프론트엔드와 백엔드를 모두 조작 가능하고, 오픈소스를 활용할 수 있음 2. DOM 기반 Jquey에 비해 Angular가 훨씬 빠름 3. 단점 ? -> Angular의 진입장벽이 높음. 뷰단에서 프레임워크를 구성하기 때문에, 또한 바인딩 개념때문에 초반 진입장벽 이 높다.