초리의 일상

aws amplify로 배포하기 겁나 쉽.습.니.다 amplify랑 준비물 aws 계정, iam키, aws cli 설치 1. package.json 2. amplify init 으로 초기화 3. amplify hosting add 입력 4. amplify publish 로 배포 이후에 배포된 주소가 출력 됩니다. 겁.나 쉽.습.니.다

axios의 인터셉터를 이용하여 엑세스토큰이 만료 되었을 경우 각 함수마다 처리하는게 아닌 공통으로 리프레쉬토큰을 재발급 받아 다시 함수를 처리 하는 방법을 설명하도록 하겠다. 인터셉터란? then이나catch로 처리되기 전에 요청이나 응답을 가로채는 것 이다. 전체 코드는 다음과 같다. 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 31 32 33 34 35 36 37 38 39 40 41 import axios from 'axios'; import GLOBALS from 'src/common/globals'; const axiosApiInstance = axios.create(); //Request in..

안녕하세요~ 이번에는 제가 약 5일씩이나 삽질한 경험으로 한번 포스팅 해보려 합니다. 저는 윈도우 환경에서 안드로이드 폰으로 변경사항을 확인하고 있습니다. expo로 했을경우 내용을 수정을 해도 밑에 창 처럼 반응하지 않고 폰으로 확인 하여도 변경사항이 있어도 그대로 이고새로운 프로젝트로 열어도 그전의 프로젝트인 경우가 있었습니다. › Press r to restart bundler, or shift-r to restart and clear cache. 에서 r R을 눌러도 변경 내용이 수정되지 않았을시에 저같은 경우에는 갤럭시 기준에서 설정 => 애플리케이션 => Expo => 저장공간 으로 들어가셔서 데이터 삭제 누르시면 정상적으로 작동합니다.

안녕하세요~ 이번에는 제가 리액트 컴포넌트 라이프사이클에 대하여 정리 하겠습니다. 컴포넌트를 생성하면 이 순서로 메소드를 호출 합니다. ConstructorcomponentWillMountrendercomponentDidMountProps가 변화가 있을때 이순서로 메소드를 호출 합니다.componentWillReceivePropsshouldComponentUpdatecomponentWillUpdaterendercomponentDidMountState가 변화가 있을때 이순서로 메소드를 호출 합니다.componentWillMountrendercomponentDidMoount인스턴트 종료,정리componentWillUnmount 자세한 내용은 차차 공부하며 더포스팅 하도록 하겠습니다.

제가 이번에 블로그 첫 게시글로 리액트 시작하기를 포스팅 해보도록하겠습니다. 우선 리액트를 설치하기 전에우선 npm 이 필요합니다. npm은 Node.js 설치시에 자동으로 설치 됩니다. Node.js. 설치Node.js 공식 홈페이지(한글): https://nodejs.org/ko/ 다운로드 페이지: https://nodejs.org/ko/download 해당 경로로 가셔서 Node.js를 설치해주시고 나서 1npm install -g create-react-appcs 이렇게 명령을 해주시면 이런식으로 뜨면 성공한 것입니다. 내가 REACT 프로젝트 하고 싶은 경로로 가서 이런식으로 작성을 해주면 1create-react-app hello-worldcs 이렇게 뜨면 해당 경로에 만들어졌습니다. 경로로 ..