API (4) 썸네일형 리스트형 React Hooks #2 - Hooks(useReducer) useState 클래스 컴포넌트에서 사용하는 this.setState와 같은 기능으로 컴포넌트 내부의 상태를 관리할 수 있습니다. 간단한 예제 : (https://reactjs.org/docs/hooks-state.html) // usage // const [value, setValue] = useState(initialValue); import React, { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ({count}); }; 만약 두 개 이상의 특정 값을 확인하고 해당 값에 대해서 변화가 있을 경우 동시성(synchoronicity)을 보장하는 re-render를 하려고 한다면, .. REST API #5 - Axios vs Fetch ? Axios의 장점 1. Intercept / Reject / Abort functions - 해당 기능이 존재하는 것으로 인해서, 에러에 대한 처리와 호출에 대한 관리를 더 섬세하게 다룰 수 있습니다. 2. Shorthand methods - options에 HTTP 메서드 타입을 지정하지 않음과 동시에 dot operator를 사용해서 더욱 명확하게 코드를 작성할 수 있습니다. 3. Auto-transform JSON - fetch()에서 response.json()을 한번 해줘야 하는 것을 자동으로 변환을 해 줘서 step을 하나 줄일 수 있습니다. 4. Timeout - fetch()는 제공하지 못하는 timeout option에 따른 abort function을 사용하는 것으로 일정 시간 이후에도.. REST API #2 - 개념 정리 (2) (2) 리소스 행위가 되는 대상, 혹은 행위를 하는 대상에 대응이 되는 리소스는 URI를 구성하는 요소 중 하나입니다. REST URI를 구성할 때 직관적으로 구성하는 것을 통해서 사용자 간 이해도를 높일 수 있습니다. 구성 방식에 있어서 직관성을 높이는 방식이 존재합니다. ※ URI, Uniform Resource Identifier은 네트워크 상의 자원을 식별하기 위한 문자열의 구성입니다. URI의 한 형태인 URL, Uniform Resource Locator은 통합 자원 식별자로 인터넷 상의 자원 위치를 표현하는 유일한 주소입니다. https://ansrlm.tistory.com의 경우 https://ansrlm.tistory.com이라는 위치를 나타내고 있기 때문에 URI이며 URL입니다. ht.. REST API #1 - 개념 정리 (1) API API(Application Programming Interface)는 애플리케이션 시스템을 통합하기 위한 정의 및 프로토콜 세트로, 당사자들 간 계약을 나타내는 documentation으로 비유를 합니다. 웹 API는 일반적으로 Request Message에 HTTP를 사용해 Respose Message의 구조를 정의합니다. 이러한 응답 메시지는 XML 또는 JSON(JavaScript Object Notation)의 형태로 제공됩니다. 해당 방식을 통해서 다른 애플리케이션이 쉽게 조작이 가능합니다. JSON은 이름에도 불구하고 사용 언어와 상관이 없을 뿐 아니라 인간과 기계 모두 read-able 하기 때문에 가장 널리 사용하고 있습니다. REST(ful) REST(REpresentationa.. 이전 1 다음
