✅ 자바스크립트에서 HTTP Requests를 위한 방법에는 ajax, fetch, axios가 있습니다. 현재 다니고 있는 회사에서는 Fetch를 사용하여 처리를 하는데, API를 호출하는 공통 메서드가 정의되어있어 직접 찾아보고 공부하지 않으면 정확한 처리 로직을 알지 못할 거 같아 해당 글을 포스팅합니다. 추가적으로 Fetch와 많이 비교되는 Axios도 같이 공부하여 작성해보기로 했습니다. 📌 Ajax (Asynchronous JavaScript And XML) 자바스크립트를 사용한 비동기 통신, 클라이언트와 서버 간 데이터를 주고받는 기술입니다. 서버와 비동기적으로 통신함으로 인해(response와 request를 비동기 식으로 다룰 수 있다는 의미), 전체 웹페이지를 다시 불러오는 동기 방식과..
오늘 일을 하는데, 백엔드 개발자 두 분이 Endpoint와 관련해서 토론하는 대화를 들었습니다. A 개발자 : Endpoint는 URL 전체이다. B 개발자 : Endpoint는 URL 전체가 아닌 특정 resource path까지이다. URL 전체이면 URL과 차이점이 무엇이냐. 대화를 듣다보니.. 제가 대강 알고 있던 Endpoint는 URL의 resource path 까지였던 것 같은데 이것이 올바른 것인지 헷갈리기 시작했고, 프론트 엔드는 백엔드 API에서 가져온 데이터를 비즈니스 로직을 통해 사용자 인터페이스에 대한 작업을 하는 직무이기 때문에 평소 백엔드 구조나 개념을 찾아보기 때문에 Endpoint에 대해 공부하고 글을 작성하고자 합니다. ✅ 들어가기 전 포스팅했던 아래 글을 한번 읽어보시..
✅ 들어가기 전 REST에 대한 개념을 이해하기 위해서는 아래 HTTP 프로토콜에 대한 사전 지식이 있으면 좋을 것 같아 먼저 읽어보시는 것을 추천드립니다 😀 HTTP 프로토콜과 상태코드 1. HTTP 프로토콜이란? HTTP (Hypertext Transfer Protocol)는 웹 인터넷상에서 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜입니다. 어떤 종류의 데이터든지 전송할 수 있도록 설 ji-musclecode.tistory.com 1. RESTful 이란 ? REST API를 제공하는 웹 서비스를 RESTful 하다라고 정의할 수 있습니다. 즉, REST 원리를 따르는 시스템을 RESTful 하다라고 지칭할 수 있습니다. 이해하기 쉽고 사용하기 쉬운 REST API를 만드는 것..
1. HTTP 프로토콜이란? HTTP (Hypertext Transfer Protocol)는 웹 인터넷상에서 서버와 클라이언트가 인터넷상에서 데이터를 주고 받기 위한 프로토콜입니다. 어떤 종류의 데이터든지 전송할 수 있도록 설계되어있으며, HTTP로 보낼 수 있는 데이터는 HTML문서, 이미지, 동영상, 오디오, 텍스트 문서 등 여러 종류가 있습니다. * 서버 : 어떠한 자료에 대한 접근을 관리하는 네트워크 상 시스템 (요청에 대한 응답을 보냄) * 클라이언트 : 그 자료에 접근할 수 있는 프로그램 (웹 브라우저, 앱 어플르케이션 등 .. ) HTTP 프로토콜은 상태가 없는(stateless) 프로토콜입니다. 여기서 상태가 없다란 뜻은 데이터를 주고 받기 위한 각각의 데이터 요청이 서로 독립적으로 관리가..
- Total
- Today
- Yesterday
- Next.js
- 호이스팅
- next.js 환경변수
- 타입스크립트
- react
- Virtual Scroll
- 자바스크립트 비동기 동작원리
- rewrites
- zustand
- 1급 객체
- debouncing
- 가상스크롤
- 시맨틱 웹
- typescript
- 목표 일기
- array
- programmers
- javascript
- 매겨변수와 인자
- 자바스크립트 동작원리
- 함수형 컴포넌트
- vue
- useRef
- redirects
- 렌더링 속도 개선
- 1급 함수
- redux
- 1급 시민
- next.js에 .gitignore가 적용되지 않을 때
- React로 쓰로틀링 디바운싱 구현
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |