# axios
[React, TS] Selector 효율적으로 작성하기
React와 Typescript, Recoil을 사용하여 여행지를 추천하는 프로젝트를 진행하고 있다.목록 Page를 구현하는 도증, 데이터를 잘 받아오는지 확인하기위해 코드를 비효율적으로 작성하였고, 이를 수정하여 효율적인 코드로 작성해보고자 한다.위의 코드는 Reco
#7. 링크서비스 React Componet 제작
컴포넌트는 크게 3가지로 구분하여 작성했다.1\. API URL을 관리하는 api.config.js2\. AXIOS로 API을 호출하여 리턴 받는 service.js3\. service을 받아 화면에 출력해주는 컴포넌트들디렉토리는 src 밑에 /component 에 /
[TIL] 전역 axios 설정
첫 주특기로 프로젝트 협업을 진행했었는데, 생각보다 에러가 꽤 많았고, 해결하는데 시간이 오래 걸렸다. 개인 프로젝트를 할 때와 확연히 다름이 느껴 졌고 새벽까지 잠도 안자고 재밌게 코딩을 했다.전역 axios 설정axios는 브라우저가 처음 실행될때 같이 실행 된다
오프라인 코드캠프 6일차
👨🏻💻 오늘의 알고리즘 공부 reduce((acc,cur)=>{~},초기값) : 배열에만 사용가능한 반복연산 실행 : 기본적으로 매개변수를 2개까지 받음 : 첫번째 매개변수에는 함수를 반드시 넘겨주어야 하는 제약이 존재 : 두번째 매개변수는 초기값을 의미하는데
[JS/Node] fetch API와 Axios
비동기 요청의 가장 대표적인 사례는 단연 네트워크 요청이다.네트워크를 통해 이루어지는 요청은 그 형태가 다양한데 그중에서 URL로 요청하는 경우가 가장 흔하다.URL로 요청하는 것을 가능하게 해 주는 API가 바로 fetch API이다.다음은 한 포털 사이트(naver
20210419 - filesaver, react-router, axios
https://0strich.tistory.com/37React Router useParamshttps://iamssen.medium.com/react-router%EC%97%90-%EC%B6%94%EA%B0%80%EB%90%9C-hooks%EB%8A
230320_TIL
앞으로의 목표 javascript 능력 및 고난도 알고리즘 풀이 능력 Nest, Graphql등 최신 기술 스택 활용 능력 기초 미니프로젝트 포트폴리오 로그인, 결제기반 심화프로젝트 포트폴리오 배포를 위한 네트워크 및 CI/CD 배포자동화 능력 120% 백엔드 개발
API 모듈화 하기
API의 가독성을 높이기 위해 모듈화를 진행했다. axios 인스턴스 인스턴스 생성 axios.create([config])로 axios 인스턴스를 생성한다. utill 생성
2023년 03월 3주차 Week I Learned.
엑시오스와 Thunk를 엮어서 서버에 통신하는 방식에 대해 다시 정리해보고, 3월 3주차 트러블 슈팅 내용들을 한번 다시 되짚어본다.
415 에러
해결방법 해결 방법부터 공유해보면, axios는 다음와 같이 작성할 수 있다 원인 그렇다면, 415에러(Unsupported Media Type)의 원인은 무엇일까🤔 > HTTP 415 오류 응답 코드는 페이로드 형식이 지원되지 않는 형식이기 때문에 서버가 요청
230317_TIL
javascript 능력 및 고난도 알고리즘 풀이 능력Nest, Graphql등 최신 기술 스택 활용 능력기초 미니프로젝트 포트폴리오로그인, 결제기반 심화프로젝트 포트폴리오배포를 위한 네트워크 및 CI/CD 배포자동화 능력120% 백엔드 개발 지식영타실력 늘리기단축키
TIL 0313
목차 React Node.js NPM yarn Javascript & React JSX emotion > # React? javascript를 쉽고, 효율적으로 사용할 수 있도록 facebook에서 만든 도구 * 대표 서비스 : 페이스북
async await map promise all from axios
axios 에서 가져오는 데이터axios를 반복으로 2번이상 돌려야 함axios/async를 써야 함기본문cargo4u에 적용함
Zustand 외부반응
axios interceptors 활용할 때 zustand의 상태를 가져오려고 했지만 실패를 거듭했다.zustand 유틸리티 getState를 활용하여 가져와서 해결 하였다. const { accessToken } = userStore.getState().user; s
Google recaptcha와 게시판 글작성
google recaptcha semiprojectv2-next-app 프로젝트로 진행 api/board/recaptcha.js .env .env 파일에는 사이트키와 시크릿키의 환경변수를 설정해둔다 사이트키와 시크릿키의
Today I Learned 2023.03.12. [React 심화3]
Axios의 좀더 심화적인 내용과 interceptor 그리고 Thunk에 대해서 알아보았다. 각각의 목적성을 잘 찾아가는게 중요해 보인다.
Today I Learned 2023.03.10. [React 심화1]
Redux ToolKit 적용시켜보고, 이를 기존의 프로젝트에 그대로 이용해본다. 이제 서버와 연결해보면서, 그에 맞는 요청과 에러핸들링을 시작한다.
