목록CodeStates (214)
Jieunny의 블로그
➰ 48일차 어제는 일이 있어서 휴가 썼는데 페어도 없고 실시간 세션도 없어서 다행이었다. 다 자습시간이라 전에 미리 예습해뒀다. HTTP 챕터 들어오니까 내용이 어렵고.. 실습도 복잡해지는 거 같다. 내일 할 거 오늘 미리 해봤는데 확실히 HTML이나 단순 React 구현하는 것 보다 복잡했다..어려와.. 그래도 실습 다 하고, 오늘 코테 문제가 정답률 낮은 문제인데도 너무 잘풀려서 많이 풀었다. 곧 레벨1 다 할 수 있을 거 같아서, 그냥 건너 뛴 0단계로 다시 돌아갈 생각이다. 타입스크립트 책도 1회독은 그냥 하고, 그 챕터 블로깅 하면서 2회독 하는 식으로 진행하고 있다. 공부 열심히 하니까 뿌듯하기는 한데, 시간이 삭제되는 거 같다. 벌써 수요일..? 벌써 2월..?
S2) Unit 8. [HTTP/네트워크] Postman
📣 Postman ✔️ 매번 코드를 작성하는 것 대신에, HTTP 요청을 테스트할 수 있는 HTTP API 테스트 도구(GUI) 📣 Postman 으로 GET 요청하기 1. 새로운 탭 오픈 ➰ 요청/응답을 여러 개 확인할 수 있다. 2. HTTP 메서드 선택 ➰ GET, POST, DELETE 등의 메서드 중 하나를 선택한다. 3. URL 입력 창 ➰ URL과 Endpoint를 입력한다. 4. HTTP 요청 버튼 ➰ 요청을 보낸다. 5. HTTP 요청 시 설정할 수 있는 각종 옵션 ➰ 추가적인 파라미터나, 요청 본문(body)를 추가할 수 있다. 6. HTTP 응답 화면 📣 Postman 으로 POST 요청하기 ✔️ GET 요청과 다르게 본문(body)를 요청하는 경우가 많다. (5번에 Body 탭 클릭..
S2) Unit 8. [HTTP/네트워크] REST API
📣 REST(Representational State Transfer) API ✔️ 웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식 -> 알아보기 쉽고 잘 작성된 메뉴판 ➰ 클라이언트와 서버 사이에도 데이터와 리소스를 요청하고, 응답을 전달하기 위한 '메뉴판'이 필요하다. ➰ 로이 필딩이란 박사 학위 논문에서 최초로 소개되었으며, 웹 설계의 우수성에 비해 제대로 사용되지 못하는 것이 안타까워 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 REST를 발표했다. 📣 REST API 디자인하는 방법 ✔️ 리차드슨의 REST 성숙도 모델 ➰ 실제로 3단계까지 지키기 어렵기 때문에 2단계까지만 적용해도 좋은 API 디자인 -> HTTP API 라..
➰ 47일차 어제 결국 타입스크립트 책 구매해서 오늘 열심히 읽고 정리하고 있다. 확실히 책으로 하는게 순서대로 차근차근 배우는 느낌이 들어서 좋은 것 같다. 빨리 1회독 하고 적용해서 프로젝트 하나 만들어보고 싶다. 감기약을 먹었더니 하루 종일 멍하고 평소에 비해 집중도 잘 안되는 것 같다. 요즘 감기 독하다는데..얼른 나아야지... 월요일부터 이렇게 컨디션이 안좋아서 어쩌지 🥺🥺🥺
📣 SPA를 만드는 기술: AJAX ✔️ AJAX 란? ➰ Asynchronous JavaScript And XMLHttpRequest ➰ JS 라이브러리 중 하나로 JS를 사용한 비동기 통신, 클라이언트와 서버간에 XML데이터를 주고받는 기술이다. ➰ JS, DOM, Fetch, XMLHttpRequest, HTML 등의 다양한 기술을 사용하는 웹 개발 기법 ➰ 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아와서 화면에 그릴 수 있다. ➰ ex) 검색창은 글자를 입력할 때마다 추천검색어를 보여주게 된다. ✔️ AJAX의 핵심 기술 ➰ JS와 DOM, 그리고 Fetch ➰ Fetch를 사용하면, 페이지를 이동하지 않아도 서버로부터 필요한 데이터를 받아올 수 있다. ➰ 브라우저는 Fetch가 ..
S2) Unit 7. [HTTP/네트워크] 브라우저의 작동 원리(보이지 않는 곳)
📣 Client Server Architecture (2-tier Architecture) ✔️ Client Server Architecture(2-tier Architecture) : 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것 ✔️ 클라이언트 : 리소스를 사용하는 앱 ✔️ 서버 : 리소스를 제공하는 곳 ✔️ 클라이언트 서버 : 요청과 응답을 주고받는 관계 ✔️ 데이터베이스 : 리소스를 저장하는 별도의 공간 ✔️ 3-tier Architecture : 2-tier Architecture + 데이터베이스 📣 클라이언트와 서버의 통신 ✔️ 요청과 응답으로 구성되며, 요청이 있어야 응답이 온다. ✔️ 프로토콜(통신규약) : 클라이언트와 서버가 통신하는 방식 ✔️ API(Application P..