몰입하는 개발자 준비생 몰입하는 개발자 준비생

핸들러, if(객체) : if 긍정문, route핸들러란? HTTP request가 날아오면 자동으로 호출되는 메소드 노드 : 콜백함수로, app.HTTPmethod(path, 핸들러) 요청에 의해 호출되는 메소드// youtubver-demo.jsapp.delete('/youtubers/:id', (req, res) =>{ let {id} = req.params id = parseInt(id) var youtuber =db.get(id) if(youtuber){ const channelTitle = youtuber.channelTitle db.delete(id) res.json({ message :`${channelTitle}님, ..

전체 조회 feat.구글링// youtuber-demo.js// REST API 설계app.get('/youtubers', (req, res)=>{ console.log(db) res.json(db)})// 출력 결과Map(3) { 1 => { channelTitle: '십오야', sub: '593만명', videoNum: '993개' }, 2 => { channelTitle: '침착맨', sub: '227만명', videoNum: '6.6천개' }, 3 => { channelTitle: '테오', sub: '54.8만명', videoNum: '7260개' }}console에는 잘 뜨는 데 postman에서는 {} 이 출력된다.❓ map은 진짜 map 형태여서 key-value 처럼 생겼..

post는 웹 브라우저로 테스트가 안됩니다. postman의 등장// app.jsconst express = require('express')const app = express()const port = 1234app.get('/',(req, res)=>{ res.send('Hello World')})**app.post('/test', (req, res)=>{ res.send('Hello POST!!!')})**app.listen(port, () =>{ console.log(`Example app listening on port ${port}`)})API(웹브라우저 입장)에서 POST(생성=등록) ex) 회원가입 id, pw, name, email, contact,… 데이터를 주기로 했는데..

map objectString만 담던 MapKey(id) Value(productName)1NoteBook + 2,000,0002Cup 3,0003Chair 100,0004Poster 20,000map에 두 개이상의 정보를 보낸다. 즉, 객체로 보낸다.// map-demo.jslet notebook ={ productName : "Notebook", price : 2000000}let cup ={ productName : "cup", price : 3000}let chair ={ productName : "Chair ", price : 100000}let poster ={ productName : "Poster ", price : 20000} express ..

const, params는 무조건 문자열 그치만 JS의 마법(feat.parseInt)JS에서는 문자로 된 숫자를 진짜 숫자로 취급한다.아래 코드 처럼// params-demo.jsconst express = require('express')const app = express()app.listen(3000)app.get('/products/:n', function (req, res) { //: => 어? 나한테 URL로 매개변수를 전달해줄 건가 보다 // req.params //products/__빈칸에 오는 값을 n이라는 변수에 담아줘 // console.log(req.params) // console.log(req.params.n) if (req...

HTTP 는 웹서버 역할을 하게 하는 것.http v.s expresshttp 안에 express가 포함되어 있음.왜 http는 let 으로 하고 express는 const로 할까?→ 바꿀 일이 없기 때문에. http도 const로 해도 상관 없다.//express-demo.jsconst express = require('express')const app = express()// '/' 는 http://localhost:3000이 생략 , 콜백함수 app.get('/', function (req, res) { res.send('Hello World')})app.listen(3000)express 가 http 보다 코드가 간결하다.express REST API 실습//express-demo.jsconst..

HTTP에 담아 보내는 나의 목적(HTTP method)여기서는 method 메소드HTTP = 규약 = 정해둔 용어가 있다.생성(=등록) : POST조회 : GET수정 : PUT(덮어쓰기;) / PATCH(일부수정; 바뀐것만 수정.)삭제 : DELETE아래는 데이터 외의 것들을 설정하는 것들HEAD :OPTIONS :CONNECT :TRACE :Node.js를 왜 알아야 할까?다양하게 쓰이기 때문이다.Node.js 는 백엔드에만 쓰이는 게 아니다.: 리엑트, 뷰 들이 Node.js 기반이다.,…. 프론트엔드Node.js 특징싱글 스레드 : 컴퓨터 프로세스가 동시에 하나의 작업만 처리할 수 있는 것 ex) 주방에 요리사가 한명임 주문이 계속 밀려들어와도, 한명이 어떻게든 쳐내야 해요.이벤트 기반 : ex)..

1. 오른쪽 상단의 Run 버튼이 없어서 실행을 못하고 있으면.2. Extensions 클릭 (못찾겠으면 Ctrl + Shift + X)3. Code Runner 검색4. 다운 5. 끗 도움 받은 블로그 : https://stackoverflow.com/questions/56008057/vscode-cannot-seem-to-find-run-button-to-run-javascript-code ++ 2024.5.20추가자 근데, 위 사진처럼 코테를 풀려고 하는 데 작동은 하는 데 입력을 못 넣는 상황이라면 ?1. File -> Preferences -> Setting 클릭2. code runner 검색3. Code-runner : Run in Termianl 체크박스 선택, 자동저장됨.4. Run 하면 ..