✅ http vs. express
⭐️ http의 방식
function onRequest(request, response) { response.writeHead(200, { "Content-Type": "text/html" }); response.write("Hello World"); response.end(); } http.createServer(onRequest).listen(8888);
🌟 express의 방식
const express = require("express"); const app = express(); app.get("/", function (req, res) { res.send("Hello World"); }); app.listen(3000);
확실히 express의 코드가 깔끔해 보인다.
기존에는 writeHead부터 end까지, 게다가 서버 생성도 하나하나 했어야 하는데,
express를 사용하면 get으로 받고 send로 그 모든 과정을 다 끝내버릴 수 있다.
✅ json
json = javascript object notation = 자바스크립트 객체
👩🏻💻 실습
- npm으로 express 설치
⭐️ http로 로컬호스트 불러오기
🌟 express로 로컬호스트 불러오기
- express 활용해보기: '/test', '/test/1'
1️⃣
2️⃣
❗️ 객체가 필요한 이유
하나의 주소에 2개의 텍스트를 보낼 경우,
제일 위의 것만 불러온다.
그렇지만 나는 여러 개의 텍스트를 가져오고 싶은 걸...
그럴 땐 '객체'를 사용해야한다.
(=json의 필요성)
- 객체 사용
- res.send() → res.json({})으로 바꾸기
과연 작동이 잘 될까???
🙆🏻♀️ 정답은 YES!
(기존의 텍스트를 객체 형태로 변환 가능하다?
이 말은 결국 아까 2개의 텍스트 1개의 화면 문제를 해결할 수 있다는 뜻!)
🧃 여러 데이터를 한 번에 보내보자
🧃 여러 데이터를 한 번에 보내보자(feat. let)
❗️ n값을 사용하자 에러가?!
그럼 만일 보내고 싶은 값이 무지막지하게 많다고 가정,
n을 사용해서 보내는 건 어떨까?
으엉...
역시나 예상했듯이
n값이 정의되지 않아
컴퓨터가 영문을 모른 채 에러값만 쏘아댄다.
🧃 파라미터를 사용하자
본격적인 사용 전에 console.log를 먼저 찍어보자.
응...
잘 날아가네?
그렇담 실제 서버에 쏘아주면서
큰 값도 처리 가능한지 볼까?
🧃 파라미터로 큰 값도 처리 가능!
완전 가능~~
오늘은 여기까지!
어째 가면 갈수록 더 흥미로워진다.
얼른 더 배워서 서버를 활용한
여행 웹사이트를 개발해보고 싶다.
데이터를 넣어두고 여행 상품을 만들어 둔 다음,
사용자가 장바구니에 넣어둘 수 있는 정도는
만들어 볼 수 있지 않을까?
흠...
🐰🍎