개발일지 30일차
개념정리
HTTP
- 데이터를 주고받는 통신규약중 하나 ( 다른방법 : Web Soekcet을 이용한 실시간 통신 (채팅))
- 가장 범용적으로 쓰이는 통신규약
- 통신규약 : 컴퓨터끼리 데이터를 주고 받을때 정해둔 약속
| 표현수단 | 표현방법 | ||
| 사람 | 말 | 언어 | |
| 컴퓨터 | 네트워크 | 통신규약 (http , ws) | |
HTTP 통신방법
- 클라이언트(브라우저)는 서버(쉽게생각하면 식당종업원 = server (필요한 음식 === 필요한 데이터))에게 원하는 페이지, 데이터를 요구 Requsest
- 서버(server)는 클라이언트가 요구한 페이지나, 데이터의 존재여부를 확인하고 있으면 해당페이지에 대한 데이터를 반환 response(응답)
- 클라이언트(브라우저는) 서버에게 전달 받은 데이터를 기반으로 브라우저에 그려줌
Network 탭 살펴보기
- 개발자도구 Network탭에는 요청과 응답에 대한 정보들이 담겨있다.
General
- general 브라우저에서 서버로 보낸 request 요청에 관련된 데이터 어떤 url로 어떤 메소드방식으로 요청했고, 상태도 알 수 있다.
Resquest Headers
- 브라우저에서 서버로 보낸 request 요청에 관련된 데이터
Response Headers
- 서버가 데이터와 함께보낸 추가 데이터
http 구성요소
Method :
- GET: 리소스를 얻을 때 사용, 기본 요청은 모두 GET 메소드를 사용해 서버에 요청.
- POST : 서버에 데이터를 게시할때 사용하는 메소드
- PUT : 서버에 게시된 데이터를 수정 할때 사용하는 메소드
- DELETE : 서버에 게시된 데이터를 삭제할때 사용하는 메소드
Header:
- 아래와 같은 사항들에 대해 의사표현을 위한 데이터를 넣고 주고받음
- 브라우저가 어떤 페이지를 원하는지
- 요청받은 페이지를 찾았는지
- 성공적으로 찾았는지
Payload:
- 실질적인 데이터, 서버의 응답데이터
- 서버가 응답을 보낼때는 항상 payload를 보냄
- 브라우저가 요청할 때에도 payload를 보낼 수 있다.
- get메소드를 제외하곤 모두 payload를 보낼 수 있다.
- 상태코드와 Response
- 200: OK 성공
- 201: Created (작성성공)
- 400: Bad Request(잘못된요청)
- 401: Unauthorized(권한없음)
- 404: Not found(찾을수 없음)
- 4XX: 클라이언트로 인한 오류발생
- 5XX: 서버로 인한 오류발생
Router
- Routing: 클라이언트의 요청조건에 대응해 응답하는 방식
- Router: 클라이언트의 요청을 쉽게 처리 할 수 있게 도와주는 express.js 기본 기능
기본구조
router.METHOD(PATH, HANDLER);예시
router.get('/posts/', (req, res) => {
res.json({})
})- router : express의 라우터를 정의
- Method : get - HTTP method를 나타냄,
- PATH : '/posts/' - 실제 서버에서 API를 사용하기 위한 url경로
- HANDLER : route - (req, res) => {res.json({})}) route가 일치할때 실행되는 함수
req 메서드
req 메서드 종류
- req.params: URL의 동적 라우팅 매개변수를 가져옵니다.
- req.query: 쿼리 문자열 매개변수를 가져옵니다.
- req.body: POST 또는 PUT 요청의 본문을 가져옵니다.
- req.get(headerName): 특정 헤더 값을 가져옵니다.
- req.header(headerName): 특정 헤더 값을 가져옵니다.
- req.cookies: 쿠키를 가져옵니다.
- req.session: 세션을 가져옵니다.
- req.ip: 요청한 clinet의 ip주소가 담겨잇음
req 메서드
- req.params: 요청을 보냈을때, url에 원하는 데이터를 삽입하여 전달, url특정 경로를 매개변수로 사용 특정게시글을 선택하거나, 명확한 리소스를 지정해야할 때 사용
- req.query: 요청을 보냈을대 url에 원하는 key - value를 삽입하여 데이터 전달 url의 마지막에?를 이용해 작성가능
- req.body: 요청을 보냈을때, Body에 데이터를 삽입하엿을때, 사용 key-value의 형태, JSON형태, POST나 PUT 같은 메서드에서 사용
res 메서드
- res.send(body): HTTP 응답으로 데이터를 보냅니다.
- res.json(json): JSON 형태로 데이터를 보냅니다.
- res.render(view [, locals] [, callback]): 뷰 템플릿을 렌더링합니다.
- res.status(code): HTTP 상태 코드를 설정합니다.
- res.redirect([status,] path): 다른 URL로 리디렉션합니다.
- res.cookie(name, value [, options]): 쿠키를 설정합니다.
- res.clearCookie(name [, options]): 지정된 쿠키를 제거합니다.
- res.setHeader(name, value): 헤더 값을 설정합니다.
- res.set(name, value): 헤더 값을 설정합니다.
쿼리스트링
- url주소에 미리 협의된 데이터를 파라미터로 넘기는것
http://localhost:port/path?querystring- http://localhost :호스트주소
- :port : 포트넘버
- /path 경로
- ?querystring: 예시
https://naver.com?key1=value1&key2=value2- ?key1=value 같은 방식으로 이루어져 있다
- ?key1=value&key2=value2&key3=value3같은 방식으로 keyvalue 추가가능.
포트킬
- 서버를 실행할 때 실행할 포트번호가 사용중인 경우 실행할 포트넘버를 바꾸는 방법이 있고,
나는 때려죽여도 사용중인 포트를 죽이고 내가 그 포트를 사용해야겠다라고 하는 경우 포트킬을 사용하여 사용중인 프로세스를 종료하고 내가 그 포트넘버를 사용할 수 있다.
사용중인 포트확인
터미널에 netstat -a -o 명령어를 입력하면 사용중인 포트번호와 프로세스아이디 (PID)를 볼 수 있다.
사용중인 포트를 종료하기
- taskkill /f /pid pid번호를 입력하여 사용중인 포트를 종료한다. (나는 뭐가 실행중인지 몰라 무서워서 종료못함.)
ex) taskkill /f /pid 912
명령어 설명
