_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 -
백준, 프로그래머스 자동 커밋, 자동 올리기, 동기화 잔디채우기, 빨간 체크
오픈소스로 Github에 백준, 프로그래머스를 자동으로 올려주는 방법 1일 1백준과 같은 도전을 하다보면 백준, 프로그래머스의 소스코드를 깃허브에 올리고 싶을 때가 있다. 하지만 매번 깃허브에 commit을 하려고하면 그건 그것대로 귀찮을 수 있는데 오픈소스로 간편하게 Github에 백준이나 프로그래머스 소스코드를 자동으로 올려주는 방법이 있다. - 제출하여 정답이 되면 자동 제출된다. 그렇다면 자동으로 제출하는 방법은 아래와 같다. 1. 크롬 확장프로그램 연결하기 아래 링크로 들어가서 확장프로그램을 설치한다. https://chrome.google.com/webstore/detail/%EB%B0%B1%EC%A4%80%ED%97%88%EB%B8%8Cbaekjoonhub/ccammcjdkpgjmcpijpa..
2023.03.15 04:17 -
[React] 카카오 소셜 로그인에서 Redirect Page의 필요성
OAuth 2.0에서 프론트에서 리다이렉트 페이지를 어떻게 구현해야 하는지, 해당 페이지가 왜 필요한 건지 알아봤다. 결론적으로, 리다이렉션 페이지에서 로그인 성공/실패를 처리해야 한다. 사건의 발단 매번 간편하게 카카오톡 로그인 버튼을 사용하기 위해서 컴포넌트화하였다. SVG라 이미지를 등록하지 않아도 코드를 복붙하면 바로 카카오 로그인 버튼이 생겨난다. 리다이렉션 페이지는 로그인 성공페이지로 작업하였다. 아래는 문제의 코드이다. 코드 보기더보기import React, { useEffect, useState } from "react"; import { useNavigate } from "react-router-dom"; import axios from "axios"; import { BASE_URL }..
2023.12.05 00:44 -
[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
_Newest
-
싸이 흠뻑쇼 갔다와서 개발 철학 다잡기 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
-
[PGS] 프로그래머스 기사단원의 무기, 약수계산 최적화 #99클럽7일차 #TIL 2024.04.06 01:15
-
Typescript Object, Array 알아보기 #99클럽6일차 #TIL 2024.04.05 01:56
-
Typescript 핵심 타입 number, string, boolean #99클럽5일차 #TIL 2024.04.04 23:52
-
'"node"'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결방법 시스템환경변수에... #99클럽4일 2024.04.03 04:00
-
lite-server, Live-server 라이브러리 분석하기 #99클럽3일차 #TIL 2024.04.02 23:45