[Express.Js] Hello Express Js!

📁 Express.js는  node.js의 웹앱 프레임워크 입니다.

 

✔.  Node.Js에서 동적 페이지의 구분이 안되는 것을

 express.Js가 요청메소드(get/post/put/delete)와 동일한 이름의 함수(Routing)을 제공하여 해결한다.

 

✔. 한 페이지에 너무 많은 동적 리소스를 작성하는 것을 router 라는 것으로 해결할 수 있다.

 

✔. middleware(미들웨어)를 이용해서 특정 요청의 중간처리를 할 수 있고, 편리하게 라이브러리를 적용할 수 있다..

 

✔. Node.js의 모든 기능을 사용할 수 있다.

 

const express=require('express'); //express.Js요청
const app=express(); //express.Js실행
app.use(express.static('public'))
//확장자가 정적 리소스이면 무조건 public이라는 폴더에서 리소스를 찾아 반환하도록 설정
//app.use(): 미들웨어로써 요청을 처리하기 전 중간에 가로채서 무언가를 하는 것

app.get("/",(req,res)=>{
	let html="<h1>안녕 Express Js</h1>";
    res.send(html);
}
    //send() 한 요청메소드에 한번 작성.
    //JSON 파일도 자동파싱 -> JSON.stringity(jsonParseTest) 도 포함되어있다.
    //content-type을 자동으로 맵핑하고 res.end()도 자동으로 진행한다.
    
app.listen(7777,()=>{
    console.log("http://localhost:7777 에서 express web app 생성!")
});

📁 Routing(라우팅)과 res.send()

const express=require('express'); //express.Js요청
const app=express(); //express.Js실행
app.use(express.static('public'))

app.get("/",(req,res)=>{
	let html=`
    	<ul>
        	<li><a href="/checkIdJson.do">JSON 페이지 요청</a></li>
            <li><a href="/sum.do?a=30&b=40&c=30">파라미터 처리로 더하기 구현(html페이지)</a></li>
            <li><a href="/img/bird.jpeg">정적 페이지 요청(img)</a></li>
        </ul>
    `;
    res.send(html);
}

// [1] JSON페이지 요청==========================================================
app.get("/checkIdJson.do",(req,res)=>{
	const o={checkId:true, emp:{empno:7777,ename:홍길동}};
    res.send(o);
});
// [2] 파라미터 처리로 더하기 구현 ===============================================
app.get("/sum.do",(req,res)=>{
	let a = Number(req.query.a);//qurey는 string값이기 때문에 Number전환 필요
    let b = Number(req.query.b);
    let c = Number(req.query.c);
    res.send(`<h1>a+b+c=${a+b+c}</h1>`);
    //파라미터는 req.qurey에 처리되어 있다.
});
// [3] 동적 이미지는 직접 불러오면 됨


app.listen(7777,()=>{
	console.log("http://localhost:7777 에서 express web app 생성");//임시로컬번호지정해줌.
})