728x90 반응형 STUDY/React4 사용자 인증 자격 증명 - Authorization header Authorization 헤더는 클라이언트 (브라우저나 앱)가 서버에 인증된 사용자라는 것을 증명하기 위해 요청할 때 사용하는 HTTP헤더이다. 서버는 사용자의 요청을 받을 때 이 요청을 보낸 사람이 누구인지, 권한이 있는지 알아야 하는데 AAuthorization 헤더에 포함된 토큰을 읽고 그 토큰이 유효한지 검사한다. | Frontend에서 사용 axios요청에 Authorization 헤더를 추가하는 예시이다. const token = localStorage.getItem('token');const res = await axios.put( `http://localhost:5000/api/posts/${id}`, { title, content }, { headers: { Auth.. 2025. 5. 7. npx create-react-app 설치 안될때 확인 react 설치를 하는데 아래 메시지가 나타나고 진행이 되지 않았다. You are running `create-react-app` 5.0.1, which is behind the latest release (5.1.0).We recommend always using the latest version of create-react-app if possible. "설치가 안된다" 는 건 아니고,"지금 사용하는 create-react-app 버전(5.0.1)이 최신버전(5.1.0)보다 조금 낮다" 라고 알려주는 것인데 컴퓨터에 오래된 create-react-app 버전이 설치되어 있거나 npx 명령이 최신 패키지를 가져오지 못할 가능성이 있다. 해결방법>> 1) 항상 최신버전으로 설치하는 명령어로 설치.n.. 2025. 4. 28. HTTP 클라이언트 라이브러리 - Axios의 다양한 기능 Axios는 Promise 기반의 HTTP 클라이언트로, 브라우저와 Node.js 환경에서 모두 사용할 수 있고, 다양한 기능을 제공하여 HTTP 요청을 쉽게 관리하고 처리할 수 있게 해준다. Axios의 주요 기능 / Promise 기반Axios는 Promise를 기반으로 동작하므로 비동기 작업을 쉽게 처리할 수 있다./ 요청 및 응답 변환요청 데이터를 자동으로 JSON 문자열로 변환하고, 응답 데이터를 JSON 객체로 변환한다. / 요청 취소요청을 취소할 수 있는 기능을 제공/ 자동 변환JSON 데이터를 자동으로 변환/ 타임아웃 설정요청의 타임아웃을 설정할 수 있다./ 인터셉터요청 또는 응답을 가로채고, 그 사이에 추가 로직을 삽입할 수 있다./ 헤더 설정요청에 대한 커스텀 헤더를 쉽게 설정할 수 .. 2024. 5. 27. React 버전 업데이트를 하게 된 이유 useId에 대한 공부를 하려고 기본적인 코드를 작성하고 실행했지만react에서 useId를 import해서 사용할 수 없다는 에러가 떴다. 원인은 리액트 버전의 문제였다.리액트 프로젝트를 설치하기 귀찮아서 언제였는지 기억도 나지 않는 예전에 설치해둔 곳에서 테스트 했는데 useId의 경우 react 버전18부터 사용이 가능했기 때문이다. 확인을 해보니 내가 설치한 리액트는 버전17이었고 리액트 업데이트가 필요했다. React 최신버전 확인 및 업데이트 업데이트를 위해 react 버전은 공식 사이트 https://react.dev/ 에서 확인한다. 만약, 최신 버전으로 업데이트 하려면 install을 하고 특정 버전으로 업데이트 하려면 update를 한다. 특정버전으로 업데이트 하려면.pack.. 2024. 5. 14. 이전 1 다음 728x90 반응형
