본문 바로가기

📺 Front End72

[HTTP] OPTIONS 헤더와 Preflight 그리고 CORS OPTIONS 는 RFC 7231 에 명시된 HTTP의 여러 메서드 중 하나이다. OPTIONS 는 실제로 우리가 프레임워크나 라이브러리를 사용한다면 직접 사용할 일은 드물지만 현대의 Front Back 을 나누는 개발 흐름에서는 꼭 알아야 할 개념중 하나이다. 이 Options 에 대해서 알아보도록 하자. HTTP의 OPTIONS Mthod Http OPTIONS 메서드는 target 리소스와 혹은 서버와 통신하기 위한 통신 옵션을 확인할 때 사용된다. 즉, 해당 타겟 서버나 리소스가 어떤 method, header, content type 를 지원하는지 알 수 있다. 주로 Browser 의 Js 가 보내는 Fetch, Axios 요청의 Preflight 에서 사용되곤 한다. 그럼 왜 OPTIONS 를.. 2021. 8. 14.

[React-redux] 늘 그렇듯 Todo List 를 만들어보며 배우는 리액트 리덕스 오늘은 React 에서 Redux 를 사용하는 방법에 대해서 알아보도록 하겠다. 그러기 위해서는 우선 2가지 기술이 선행되어야 한다. React와 React-Hooks Redux 의 기본 Concept 위 내용들을 모른다면 조금 힘들어질 수 있으니 위 링크에서 확인하는 것도 좋은 방법인 것 같다. 목차 redux와 react-redux의 차이 redux 의 기본 개념 구성 요소 Provider useDispatch() useSelector() react-redux 로 todo list 만들기 프로젝트 만들기 의존성 추가 styled-components react-redux UI 작업하기 홈 화면 만들기 리덕스 작업하기 action type 만들기 action creator 만들기 reducer 만들기 s.. 2021. 6. 10.

HATEOAS를 모르면 당신이 알고 있는 REST API는 REST API가 아니라고 장담할게요. 이 글은 그런 REST API 로 괜찮은가? 의 이응준 개발자님의 발표 자료에 여러 부분을 차용하였습니다. REST API란 무엇일까 난 지금까지 REST API에 대해서 상당 부분을 오해하고 있었다. REST API라고 함은 GET, POST, PUT, PATCH, DELETE등과 같은 HTTP 메서드를 URI를 통해서 잘 이용하는 것, 이를테면 정보 조회나 수정은 /user 이라는 하나의 URI에 다른 메서드를 이용, 이라고 알고 있었다. 하지만 그건 REST API의 아주 작은 일부분 중 하나였다. 더욱 신기한건 실력 좋은 많은 개발자들이 참여한 금융 결제원의 오픈 뱅킹 API에서도 REST API를 제대로 사용하지 않고 있다. 사실 REST API라고 하면 안되지만 REST API라고 하며 사용하.. 2021. 3. 24.

[Javascript] Fetch API로 구현하는 Ajax 비동기 통신 ajax XMLHttpRequest 객체를 이용해서 웹 서버와 비동기로 통신하고, DOM 을 이용해서 웹 페이지를 동적으로 바꿔주는 프로그래밍 기법 Asynchronouse JavaScript XML 현재 XML을 사용하는건 드물고 JSON을 사용 페이지 새로고침 없이 특정 데이터만 리로드 서버로부터 데이터를 받고 작업을 수행 ajax 구현하기 ajax를 구현하는 기술에는 여러 기술이 존재한다. 그 중에 대표적인 3가지에서 Fetch API에 대해서 알아보자. XMLHttpRequest Fetch API JQuery Fetch API Fetch API는 기본적으로 XMLHttpRequest 보다 더 강력하고 유연하다. 이벤트 기반인 XMLHttpRequest과는 달리 Fetch API는 Promise 기.. 2021. 2. 26.

이전 1 2 3 4 ··· 18 다음

티스토리툴바