hr0513 님의 블로그

Vercel에 배포한 프로젝트에서 페이지 이동은 잘 되는데,새로고침 하면 404 에러가 나서 이 블로그를 찾아오셨군요ㅇㅁㅇ?!저도 굉장히 당황했던 경험이었는데요해결 방법은 간단합니다프로젝트 루트 경로에 vercel.json 파일을 만들고아래 코드를 추가해 준다음 재배포해주세요{ "routes": [ { "handle": "filesystem" }, { "src": "/.*", "dest": "/index.html" } ]} Vercel 설치 및 재배포 방법을 알고 싶다면 아래 블로그로 이동해 주세요https://hr0513.tistory.com/132💡 404 에러 원인은 무엇인가요?정적 파일을 찾지 못해서 발생하는 문제예요React 같은 SPA에서..

나모야 강릉점, 저만 알고 싶은 숨은 맛집이에요🌟왜 아직 사람들한테 많이 안 알려졌는지 신기할 정도로 냉모밀이 정말 정말 맛있습니다!!🚩 위치강원특별자치도 강릉시 강릉대로 250 1층(지번: 강원특별자치도 강릉시 교동 149-19) 🕑 영업시간월, 화, 수, 목, 금, 토- 영업시간: 09:30 - 21:00- 브레이크타임: 15:00 - 16:30- 라스트오더: 20:30일휴무일 이건 처음 먹으러 갔을 때 사진이에요치즈 돈까스랑 냉모밀 시킨건데 양도 푸짐하고 맛있어요냉모밀이 이렇게 탱글탱글하고 국물이 시원하고 맛있는 집은 처음이에요그래서 재방문까지 했습니다🌟 재방문 때도 같은 메뉴를 시켜서사진만 보면 구분이 안 갈 수도 있는데요!자세히 보면 김치랑 단무지 위치가 달라요ㅇㅁㅇ?! 진짜 재방문할 때..

Vercel 설치 및 배포 가이드에 대해 포스팅하려구 해요1. Vercel 설치npm install -g vercel 2. Vercel 로그인vercel login성공적으로 로그인하면 위와 같은 화면이 나타납니다3. 프로젝트 배포배포하려는 프로젝트 디렉토리로 이동한 후 아래 명령어를 실행합니다.vercel배포가 성공적으로 완료되면, Vercel 대시보드에서 배포된 프로젝트를 확인할 수 있어요Vercel 사이트에서 로그인 후 프로젝트가 추가되었는지 확인해 주세요 4. vercel Authentication 비활성화 1. Settings > Deployment Protection 접속2. Vercel Authentication을 비활성화활성화되어 있으면, URL에 접근할 때, GitHub 로그인 후 접속하라..

안녕하세요, hr0513입니다!최근에 숲 휴게소라는 조용하고 아늑한 카페에 다녀왔어요🚩 위치: 숲휴게소 강원특별자치도 속초시 도문동 520-2⏰ 영업 시간월, 목, 금, 토, 일영업시간: 09:00 - 17:00라스트오더: 16:00화, 수휴무일 https://www.diningcode.com/profile.php?rid=nux4Hb97IxA3#google_vignette 숲휴게소 - 속초 카페, 북카페 맛집 | 다이닝코드, 빅데이터 맛집검색04.15 (화) 휴무일 클래식 토스트(6,500원), 오믈렛(+홈브레드)(6,500원), 레몬에이드(6,000원), 루이보스레몬티/밀크티(HOT/ICE)(6,000원), 수제 와플(5,000원), 아메리카노(HOT/ICE)(5,000원), 카페 라떼(HOT/ICE..

와일드리프트 뽀삐의 만우절 장난 공략에 대해 공유합니다귀여운 뽀삐가 깜짝 상자에서 통 튀어나오는 일러스트, 너무 귀엽지 않나요?이번 만우절 이벤트는 총 7개의 스테이지로 구성되어 있고, 해당 공략에 대해 공유드려요티모의 버섯 농장 - 버섯동굴 속에 숨어 있는 버섯이 만우절 장난 대상입니다.꼼꼼히 살펴보면 찾을 수 있어요!티모의 버섯 농장 - 포로잘려진 나무 뒤에 숨어 있는 포로를 클릭하면 클리어!티모의 장난은 포로까지 낚았네요뽀삐의 오두막 - 망치찾기 어렵던 이 망치... 알고 보니 화면 상단의 망치 아이콘이 대상이었습니다뽀삐의 오두막 - 요들화면 아래로 스크롤하면 피즈가 숨어있어요!피즈까지 선택하면 통과 완료베이가의 아카디아 - 미니언 및 몬스터모바일에서는 잘 안 보일 수 있는데,모든 미니언과 몬스터를..

안녕하세요, hr0513입니다!요즘 카카오맵을 리액트 프로젝트에 넣어야 해서, react-kakao-maps-sdk 라이브러리를 사용해봤어요.이번에는 그 과정을 공유하려고 해요. 카카오맵을 리액트에서 쉽게 사용할 수 있는 방법을 알려드릴게요!1. 설치하기먼저, react-kakao-maps-sdk 라이브러리를 설치해야 해요. 터미널에 아래 명령어를 입력해서 설치해 주세요.npm install react-kakao-maps-sdk  그 다음, 카카오맵 API 샘플 문서도 참고할 수 있는 아래 링크를 참고하시면 좋습니다!https://react-kakao-maps-sdk.jaeseokim.dev/docs/sample/ Index | react-kakao-maps-sdk docsKakao Maps Api Sa..

SQLD 자격증을 준비하는 비전공자분들을 위해, 실습용 SQL 쿼리 샘플과 온라인에서 직접 실행해볼 수 있는 사이트를 소개해 드려요📌 온라인에서 SQL 실행하기먼저, 아래 사이트에 접속합니다. https://sqlfiddle.com/ SQL Fiddle - Online SQL Compiler for learning & practiceSQL Fiddle Welcome to SQL Fiddle, an online SQL compiler that lets you write, edit, and execute any SQL query. Choose which SQL language you would like to practice today: Who's Maintaining SQL Fiddle? This is m..

보호되어 있는 글입니다.

React Query란?React Query는 서버 상태 관리를 쉽게 해주는 라이브러리로, 캐싱, 동기화, 백그라운드 데이터 가져오기 등을 간편하게 처리할 수 있습니다.React Query 설치React Query는 @tanstack/react-query 패키지를 설치하여 사용할 수 있습니다. 다음 명령어를 사용해 설치합니다.# npm 사용 시npm install @tanstack/react-query# yarn 사용 시yarn add @tanstack/react-query QueryClient 설정React Query를 사용하려면 QueryClient를 생성하고 QueryClientProvider로 감싸야 합니다.import { QueryClient, QueryClientProvider } from "..