_Best
-
[React] CORS from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 오류해결중
문제상황 Access to XMLHttpRequest at 'http://localhost:8080/booking/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 정리 0. 응답 패킷에 Access-Control-Allow-Origin 이 있는지 확인하기 1. package.json이나 setupProxy.js가 작동해서 3000포트가 아닌 것을 네트워크-요청URL에서 확인하기 => domain이 같아서 localhost:3000에서 데이터를 가져올 수 있는 경우가 있다. 이러면 백엔드에서..
2023.08.06 21:44 -
'"node"'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결방법 시스템환경변수에... #99클럽4일
#99클럽 #99일지 #코딩테스트 #개발자스터디 #항해 #TIL ✅ node 경로에 오류가...✅ npm start할 때 node가 없다니? ✅ 해결방법 ✅ node 경로에 오류가... ✨ " '"node"' is not recognized as an internal or external command,✨ '"node"'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 우아한테크프리코스 이후로 git bash를 기본으로 쓰고 있던 개발환경에 문제가 생겼습니다. 어느순간부터 node가 아닌 "node"를 실행하려고 하면서 경로를 찾지 못해서 git bash가 아닌 powershell을 이용했습니다. 그러나 이는 상황을 해결하지 않고 미루는 것뿐이었습니다. 오늘은 해결법을..
2024.04.03 04:00 -
React API 스웨거(spring swagger)와 axios 최적화로 관리하는 방법, 커스텀 인스턴스 객체 모듈화 + 객체리터럴 + zus
30초만에 API를 연결하고 싶다면? 이 방법을 사용해보자. #커스텀인스턴스 #객체리터럴코드 복붙은 맨 아래에 기본코드 실사용예 위 코드를 사용하는 방법Swagger API 명세서 Spring swagger는 API 명세서 작성을 자동화하고 테스트, 문서화까지 할 수 있는 편리한 오픈 소스 소프트웨어다. 포스트맨과 같은 툴로 API를 확인하는 것이 아닌 웹사이트에서 버튼 딸깍으로 쉽게 테스트를 할 수 있으며, API가 controller별로 정리되어있으니 프론트는 백엔드로부터 스웨거 명세서를 받았다면 편리한 유지보수를 위해서 문서 그대로 작성하는 것이 좋다. 따라서 controller 종류별로 API를 정리하도록 하자. 아래의 사진을 자세히보자. 추후에 react-query를 적용하기 위해 useFrie..
2024.02.29 13:23 -
[React] proxy 적용 안됨, localhost:3000에 api가 호출되는 경우가 맞았다?
문제상황 아래 글에서 내용이 이어집니다. https://dingx2-story.tistory.com/101 [React] CORS from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is pr문제상황 Access to XMLHttpRequest at 'http://localhost:8080/booking/' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource..
2023.08.08 16:20 -
[React] styled components 폰트 적용, Woff로 속도 개선하기
글씨체, 화면에서 굉장히 중요하지만 성능은? 다양한 폰트(Font)를 적용해야 할 때가 있다. ttf를 로컬로 다운받거나, import로 가져오거나 여러 방법이 있었다. 어떤 방식이 로딩 속도를 개선할 수 있는지 알아봤다. 로딩속도 woff2 > woff > ttf 웹폰트를 사용하는 방식 빠르고 편리한 웹폰트를 사용하는 방식이다. CDN : Contents Delivery Network (콘텐츠 전송 네트워크) CDN 네트워크 통신을 하면서 서버로부터 폰트를 가져온다. HTML의 Head 영역에 link를 연결하면 사용가능 하며 폰트를 불러올 때마다 통신을 해야한다. @import url('https://fonts.googleapis.com/css2?family=Grandiflora+One&display..
2023.12.20 21:27
_Newest
-
Number 와 number의 차이점 (JS, TS) 2025.02.04 03:50
-
[DeepSeek 블로그자동화 프로젝트] 💻 딥시크 로컬 설치 및 프로젝트 세팅 #3 2025.02.04 00:01
-
[DeepSeek 블로그자동화 프로젝트] 프로젝트 세팅을 위한 서칭과 딥시크 논문 #2 2025.02.03 02:28
-
[DeepSeek 블로그자동화 프로젝트] MVP 및 기획 이유 초안 작성 #1 2025.02.03 01:33
-
배열은 const 로만 사용하는 이유가 뭔가요? push를 사용할 수 있는 이유는 또 뭐죠? 2025.02.02 23:29
-
싸이 흠뻑쇼 갔다와서 개발 철학 다잡기 2024.07.28 21:33
-
[Next.js] 멀티 Origin 허용을 위한 middleware 적용 #백엔드배워보기 #TIL - 06.19 2024.06.20 02:55
-
2024 상반기 근황 / 앞으로의 계획 ! 2024.06.19 01:38
-
[PGS] 멀리뛰기 최적화, DFS 완전탐색, 동적계획법(DP) #99클럽11일차 #TIL 2024.04.10 10:00
-
[PGS] 최댓값과 최솟값, 음수 문자열 정렬 #99클럽10일차 #TIL 2024.04.09 09:43
-
[PGS] 귤고르기 딕셔너리 최적화, Counter #99클럽9일차 #TIL 2024.04.08 00:47
-
[PGS] 프로그래머스 두 개 뽑아서 더하기, 완전탐색, 백트래킹 최적화 #99클럽8일차 #TIL 2024.04.07 23:55