처음부터 차근차근

app.listen도 모듈화가 가능하다. www.js 만들기 app.js 'use strict'; // express 사용해보기, 모듈 const express = require('express'); const app = express(); //라우팅 const home = require("./routes/home") // 앱 세팅 app.set("views","./views"); app.set("view engine","ejs"); app.use('/', home); // use -> 미들 웨어를 등록해주는 메서드. // app 내보내기 module.exports = app;

Index.js에 있는 MVC의 컨트롤러를 분리해보자. home.ctrl.js //Controller 분리 const home = (req,res)=>{ res.render("./home/index"); } const login = (req,res) => { res.render("./home/login") } module.exports = { home, login }; index.js const express = require('express'); const router = express.Router(); //Controller 분리 후 Import const ctrl = require('./home.ctrl'); router.get('/',ctrl.home) router.get('/login',ctrl..

router를 분리하여 app.get을 따로 정리한다. index.js 파일 - express module의 router 메서드를 불러와서, 따로 파일을 제작했다. - 이후 module.exports 를 통해 모듈로 던지기 'use strict'; const express = require('express'); const router = express.Router(); router.get('/',(req,res)=>{ //render를 통해서 index.ejs를 불러온다. res.render("./home/index"); }) router.get('/login',(req,res)=>{ res.render("./home/login"); }) module.exports = router; app.js 파일 -..

app.get() 내부의 html을 정리하기 위하여 render를 사용할 것이다. 먼저 app.set을 진행한다. // 앱 세팅 app.set("views","./views"); app.set("view engine","ejs"); 이후 views폴더와 home 폴더를 제작한다. 이후 app.get 내부를 res.render 메소드를 통하여 index.ejs를 불러온다. app.get('/',(req,res)=>{ //render를 통해서 index.ejs를 불러온다. res.render("./home/index"); }) app.get('/login',(req,res)=>{ res.render("./home/login"); })

index.html 파일을 통해 먼저 형태를 제작한다. DOCTYPE html> Document Login 이후 Node.js처럼 res.send() 내부에 html을 template literal을 통해 넣어준다. 'use strict' // express 사용해보기 const express = require('express'); const app = express(); app.get('/',(req,res)=>{ // 기능 동작 res.send(` 여기는 루트입니다. `) }) app.get('/login',(req,res)=>{ // 기능 동작 res.send(` Login `) }) app.listen(3000,()=> { console.log('서버 가동') }); 이렇게 하면 가동된다.

Node.js의 Express Framework를 사용하여 서버를 만들어보자. // express 사용해보기 const express = require('express'); const app = express(); express를 사용하여 서버를 만들기 위해서는, express 모듈을 npm으로부터 install 받아야 한다. $ npm install express -s app.get('/',(req,res)=>{ // 기능 동작 res.send("여기는 루트입니다.") }) app.get('/login',(req,res)=>{ // 기능 동작 res.send("여기는 로그인입니다.") }) app.listen(3000,()=> { console.log('서버 가동') }); app.get()은 웹 페이..

Map - Key - Value 값을 가지는 자료구조 - 객체와 달리 key로 사용할 수 있는 모든 유형을 사용할 수 있다. - key가 정렬된 순서대로 저장된다. - 기능 : 검색, 삭제, 제거, 여부 확인 💡 [맵에는 다음과 같은 주요 메서드와 프로퍼티가 있습니다] new Map() – 맵을 만듭니다. map.set(key, value) – key를 이용해 value를 저장합니다. map.get(key) – key에 해당하는 값을 반환합니다. key가 존재하지 않으면 undefined를 반환합니다. map.has(key) – key가 존재하면 true, 존재하지 않으면 false를 반환합니다. map.delete(key) – key에 해당하는 값을 삭제합니다. map.clear() – 맵 안의 모든 ..

JS에서 함수는 일급 객체(First-Class Object)라고 한다. - 일급객체란 다른 객체들에 일반적으로 적용 가능한 연산을 모두 지원하는 객체를 가리킨다. => 함수를 매우 유연하게 사용할 수 있다. 1) 변수에 함수를 할당 함수가 마치 값으로 취급된다. 나중에 사용될 수 있도록 조치가 되었다. const sayHello = function() { console.log('Hello!'); }; sayHello(); // "Hello!" 출력 2) 함수를 인자로 다른 함수에 전달할 수 있다. // 2-1 callback 함수 : 매개변수로써 쓰이는 함수 // 2-2 고차 함수 : 함수를 인자로 받거나 return하는 함수 function callFunction(func) { // 매개변수로 받은 ..

ECMAScript 6 (ES6)는 JS 버전 중 하나로, 쉽고 효율적으로 코드 작성이 가능하도록 개선되었다. 1) Let, Const - Let : 재할당은 가능하고, 재선언은 불가능하다. - Const : 재할당, 재선언이 불가능, 초기값이 없으면 선언이 불가능하다. - var : 재할당, 재선언이 가능하다. > 호이스팅이 가능하다. 2) arrow function - function이나 return 키워드 없이 함수를 만드는 방법이다. // 2 arrow function // ES5 function func() { return true } //ES6 const func = () => true const func = () => { return true } () => {} parm => {} (parm..

1.배열 - 여러 개의 값을 저장하고 관리할 수 있다. 1) 기본적인 배열 생성 // 1-1. 기본 생성 let fruits = ["사과", "바나나", "오렌지"]; // 0 1 2 2) 배열의 크기 지정 // 1-2 크기 지정 let numbers = new Array(5); // 크기가 5인 5개인 요소를 가지고 있는 배열 크기가 5인, 5개인 요소를 가지고 있는 배열 2. 배열의 요소 접근 해당하는 배열의 [index] 값을 넣어 확인 2. 요소 접근 console.log(fruits[0]); // "사과" console.log(fruits[1]); // "바나나" console.log(fruits[2]); // "오렌지" 3. 배열 메소드 1) push() 메소드 배열 마지막에 더하는 메소드 /..