글 작성자: 망고좋아
반응형

📖 오늘 배운 내용 - 2021.11.20

  • Axios
  • HTTP
  • 행멘 게임 만들기 프로젝트

 

📝 Axios

 

[Axios] Axios 사용법

🎯 Axios 사용법 웹 브라우저와 Node.js를 위한 HTTP 비동기(작성된 순서대로 실행되지 않는 처리) 통신 라이브러리이다. 백엔드와 프론트엔드 간 통신을 쉽게 하기 위해 사용되는 것으로 Ajax처럼 사

lakelouise.tistory.com

 

📝 HTTP

  • HTTP는 Hypertext Transfer Protocol의 약자이다.
  • Hypertext: 컴퓨터 화면이나 전자 기기에서 볼 수 있는 데이터이며, 다른 데이터와 연결될 수 있는 주소를 참조하고 있다.
  • Transfer: 사람들이 브라우저를 통해 확인하는 웹상의 데이터는 HTTP에 의해 전달된다.
  • Protocol: 규칙 혹은 규약을 뜻한다.

  • 브라우저 주소창에 URL을 입력하면 그 데이터를 요청하고 보여주는 것은 브라우저의 역할이다.
  • 그리고 요청받은 데이터를 가져오는 것은 웹 서버의 역할이며 HTTP는 바로 그 클라이언트와 서버 간의 규칙이다.
  • 이때, 클라이언트의 요청을 HTTP Request, 서버의 응답을 HTTP Response라고 한다.

 

📕HTTP Methods

Method 설명
HEAD 암호화되지 않은 형태의 데이터를 서버로 전송하는 데 사용되는 가장 일반적인 방법
HEAD GET과 유사한 방법으로 Response Body를 포함하지 않고 사용
POST 특정 양식의 데이터를 암호화하여 서버로 전송하는 데 사용
PUT 특정 대상의 데이터를 갱신(Update) 하는 데 사용
DELETE URL에 지정된 대상을 삭제(DELETE) 하는 데 사용

 

📕 HTTP status code

  • HTTP status code(응답 상태 코드)는 특정 HTTP 요청이 성공적으로 완료되었는지 알려주는 코드이다.
    • 응답: 100
    • 성공적인 응답: 200
    • 리다이렉트: 300
    • 클라이언트 에러: 400
    • 서버 에러: 500

 

💡 오늘 깨달은 것

  • 자바스크립트 마지막 수업이었다.
  • 상태 관리, 컴포넌트 등의 리액트 구조로 만드는 프로젝트다. (물론 저는 리액트를 극 초반만 공부해서 잘 모릅니다...!ㅋㅋ) 구조가 복잡해서 모르겠다.. 코드 구조 뜯어보면서 이해하고 강의 2번 더 돌려 보자!^^
  • 엘리스 SW 엔지니어 트랙 4개월 중 벌써 1달이 빠르게 지나갔다. 그리고 앞으로 3개월은 처음 배우는 내용들로 이루어져 있다. 지난 1개월보다 남은 3개월이 더 힘들 거 같으니 지치지 말고 멘탈 관리하면서 열코해보자!

지금 외친 "할 수 있다"가 3개월 뒤엔 "해냈다"로 바뀌는 그날까지

반응형