리고니

지난 시간에는 라우팅 기능을 app.js 파일 하나에서 처리했지만 이번에는 Router를 분리하여 url 별로 나누어 처리해본다. routes 폴더를 추가하고 그 안에 index.js 와 hello.js 파일을 추가한다. routes/hello.js const express=require('express'); const router = express.Router(); router.get('/', (req, res)=>{ res.send('Hello with router'); }); module.exports = router; routes/index.js const express=require('express'); const router = express.Router(); router.get('/', (r..

작성글에서는 라우팅 기능을 app.js 파일 하나에서 처리하는 방식입니다. 폴더 하나를 생성한다. 터미널에서 해당 폴더경로로 이동후 npm init 을 수행한다. package.json이 생긴것을 확인하고 해당 폴더에 index.js , app.js 파일을 생성한다. 터미널에서 npm install express 를 설치하고 아래와 같은 정보가 추가되었는지 확인한다. app.js module.exports=router; const express = require('express'); const app = express(); app.get('/', (req, res)=>{ res.send('Home with express'); }); app.get('/hello', (req, res)=>{ res.send..

Node.js 서버를 통하여 HTTP/ HTTPS Server 기능을 사용하기 위해서는 필수 라이브러리이다. https://expresjs.com 크게 5가지로 나눌 수 있다. 라우팅(Routing) - 주소 및 Method 에 따른 처리 ( url + 메소드 ( get post put delete ) ) Middleware - Router로 전달 되기 전의 Request 처리 ( 보안 ( 주소에 따라 처리 ) ) Static resource 들을 제공하는 폴더 지정 ( 정적파일 ) View Template Engine 을 이용한 Rendering ( 웹에서는 고정된 html을 잘 안씀 ( 사용자마다 이력이 다 다르기 때문 Database 연결 기본 원리

class 라는 키워드를 정식 지원. 생성자 함수의 이름은 constructor( ) new 키워드를 이용해 객체를 생성 할 수 있다. extends 키워드로 상속을 받을 수 있다. super 키워드로 부모의 속성을 사용할 수 있다.

동기식 : 가령 로그인 함수를 호출하면 사용자 권한을 조회하고 DB를 조회하는 등의 작업이후 return 하기 때문에 밑의 코드들은 멈춰 있음 ( UI 가 멈춰 있는 느낌 ) 비동기식 : 함수를 호출하면 일단 return 해줌, 다음 코드(화면)을 띄울 수 있음, 나중에 결과 값을 CALLBACK 으로 호출해서 알림 비동기식 함수 CALLBACK Promise Async , await

비동기 함수중 하나로써, 콜백이 올때까지 아무것도 못하는 상황에서 쓰는것이 await await ( 너의 실행결과를 기다린다 , Async 함수 안에서 사용할 수 있음 = 한 쌍 ) 비동기적인 동작을 일반 코드와 같이 작성하게 해 줌. http 통신등과 같은 비동기적인 경우와 Promise를 then( ) 대신 await 키워드로 받을 수 있다. await 문장은 async 함수 안에서 사용 가능 function test(value){ return new Promise((resolve, reject)=>{ resolve('ok'); }); } async function runTest(){ const result = await test(1); console.log(result); } runTest(); t..

비동기식 함수중 대표적으로 Promise 가 있다. Promise - 비동기적인 동작에서 callback의 사용을 줄일 수 있다. ( 지속적으로 처리를 해야 되기때문에 콜백함수를 계속 선언해 야하는 지옥에서 탈출 ) Pending : 객체가 생성되었지만 작업은 완료되지 않는 상태. 파라미터로 resolve( ) 또는 reject( ) 함수를 받는다. Fulfilled : 작업이 성공하여 완료된 상태. resolve( ) 를 호출한다, Promise를 사용하는 측에서는 then( )으로 받는다. Rejected : 작업이 실패한 상태. reject( )를 호출한다, catch( )로 받을 수 있다. Promise 단독 사용 function test(value){ // Promise는 항상 resolve, ..

자바스크립트는 함수 선언식과 함수 표현식을 모두 지원한다. 함수 선언식은 hoisting 된다 def(); // hoisted // 함수 선언식 function def(){ console.log('def'); } - 함수가 먼저 선언되어도 hoisting 됨으로 정상작동한다. 함수 표현식은 hoisting 되지 않는다. // exp(); // not hoisted const exp=function(){ console.log('exp'); } exp(); // 선언 이후에만 정상 동작 - 함수가 먼저 선언되면 동작하지 않는다.

Node.js 와 VS code를 설치했다고 가정하겠습니다. 1 ] 특정 폴더를 생성후 위와 같은 특정.js 파일을 생성합니다 2 ] 이후 아래와 같은 코드로 작성합니다. const http = require('http'); const server = http.createServer((request, response)=>{ response.writeHead(200, {'Content-Type':'text/html'}); if(request.url=='/hello'){ response.end('Hello 경로로 오면 출력'); } else { response.end('그외 Home 출력'); } }); server.listen(3000); server.listen( ); - 내가 실행시키고 싶은 서버 번호..

블로그 개설후 약 5개월 만에 게시글 100개를 돌파했다 !! 기말고사 기간, 캡스톤 준비기간 동안 코딩공부 및 블로그 작성도 소홀히 했지만, 꾸준히 하다보니 여기까지 온 것 같다 ! 꾸준히 게시글을 올려보자 !