분류 전체보기 (29) 썸네일형 리스트형 VSCode 세팅 [ ESLint + Prettier ] 사건의 발단 M1 Macbook pro를 구매함에 따라서 VSCode를 새로 설치하고 린트 설정을 추가하려고 하니 VSCode버전이 바뀐 것인지, ESLint버전이 바뀐 것인지... 예전에 적용한 방식이 말을 안 들었습니다. 그래서 직접 구르면서 Typescript까지 적용을 했으니, 이 방식 통해서 좋은 결과(?) 있으시길 바라겠습니다. 주인장의 주저리주저리 해당 글을 검색해서 오신 분들은 이미 VSCode / nvm / node / Prettier / ESLint는 모두 잘 설치하셨고, 적용이 잘 안돼서 오셨을 것이라 생각합니다. 선생님들의 시간을 아끼기 위해서 모든 설치 완료하신 분들은 하단의 마지막 섹터만 보시면 되겠습니다. 차후에 각각에 대한 소개 글도 작성해 보겠습니다. - VSCode : c.. REST API #4 - Axios Axios? 사진처럼, fetch api와 axios api를 비교하는 것은 백포도, 적포도를 비교하는 것일지도 모르겠습니다. 각자의 풍미가 있고 특성이 있는 것처럼, fetch와 axios도 각각의 매력이 있으니 상황에 맞게 좋은 방식을 선택하는 것이 좋겠습니다. MIT 라이선스를 가지는 axios api는 fetch()에서 느낄 수 있던 아쉬운 점들을 어느 정도 해소해 주는 방식들을 가지고 있습니다. 형태와 기본 틀은 거의 같은 맥락을 유지하지만, 데이터 형태 변환과 에러 처리에 있어서 더욱 효과적인 방식을 선택할 수 있습니다. axios() function axios() function은 npm / yarn를 통해서 package.json에 추가하는 것으로 사용 할 수 있습니다. $ npm inst.. REST API #3 - Fetch Fetch API? 예전의 방식인 server layer를 통해서 API call을 하는 것보다는 client layer에서 직접 API를 호출하는 것이 웹 개발의 새로운 트렌드로 도입되었습니다. 네트워크 요청은 대부분 요청 전송 -> 사용자 정보와 요청에 대한 정보를 통해서 타당성 확인 -> 서버에서 해당 요청에 따른 최신 변경분을 반환 과 같은 방식으로 수행되었습니다. 또한 전자의 경우는 반환을 할 때 페이지 새로고침이 필요했습니다. 후자의 방식은 이러한 모든 것을 페이지 새로 고침 없이 가능하게 했습니다. google.com을 통해서 처음 보이는 페이지에서 검색어를 입력하면 해당 부분에 대한 자동완성이 되는 것을 '새롭다'라고 생각하지 않고 현재는 사용하지만, 맨 처음에 해당 기술을 도입한 시기에는.. 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 2 3 4 다음
