_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 -
[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 -
'"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] 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