<React.js, 스프링 부트, AWS로 배우는 웹 개발 101>(김다정 지음)을 따라 TO-DO 앱을 하나 만들 예정이다.
앞으로 쓸 대부분의 포스팅(이미지/글)은 위의 서적을 참고/출처로 작성되었음을 미리 밝힌다.
작업(?)에 들어가기 전에 배경 지식 몇 개를 공부해두자.
영어를 직역하자면, 다른 문서로 향하는 링크가 있는 텍스트 / 통신 / 규약.
문서 내에서 하이퍼텍스트를 지정하려면 하이퍼텍스트 마크업 언어(HTML)을 사용 해야한다. 오늘 날에는 HTML 문서 뿐 아니라 그림 파일, 동영상 등의 리소스를 주고 받는 형태로 발전했다. 마찬가지로 HTML도 단순히 하이퍼링크를 위한 마크업 언어에서 다양한 시각적 기능을 제공하는 마크업 언어가 됐다.
[클라이언트(브라우저)] → http 리퀘스트 / http 리스폰스 ← [서버]
브라우저의 주소창에 Url을 입력하면 브라우저는 HTTP GET 요청을 해당 URL 서버로 전송하고 그 결과인 HTTP 응답을 브라우저에 렌더링(화면에 디스플레이)한다.
HTTP 요청 메서드에는 GET/POST/PUT/DELETE 등이 있다.
GET : 리소스를 가져올 때 사용
POST : 리소스에 대해 임의의 작업(예 : 생성, 수정)을 할 때 사용
PUT : 리소스를 대체할 때 사용
DELETE : 리소스를 삭제할 때 사용
이 메소드들을 쓴다고 자동으로 이와 같은 형식으로 리소스가 반환되는 것이 아니라, 각 메소드에 맞는 API는 개발자가 작성해야 할 몫이다.
응답 코드
200 : 성공적.
404 : 해당 리소스가 존재하지 않는다.
403 : 송신자에게 해당 리소스에 접근할 권한이 없다.
500 : 서버 에러.