vite 환경변수 관련Vite명령 줄에서 vite를 실행시킬 때, Vite는 자동으로 프로젝트 루트의 vite.config.js 파일 확인을 시도합니다. 가장 기본적인 설정 파일의 내용은 다음과 같습니다: 참고로 Vite는 프로젝트가 네이티브 Node ESM을 사용하지 않는 경우에도 설정 파일에서 ES 모듈 구문을 사용할 수 있도록 지원하고 있습니다(예: package.json의 type: "module"). 이 때 설정 파일은 사용되기 전에 자동으로 미리 처리됩니다.https://vitejs-kr.github.io/config/#environment-variables vercel 서버리스Vercel Serverless 예제 | Jsonplaceholder예전에 노션 클론 코딩을 하고 회고 글을 작성했었습니다 미뤄놨던 배포와 버그 수정, 리팩토링을 진행할 예정입니다 그 중 배포할 때 api 요청 url과 관련 api key에 대해서 숨겨야 하는 사항이 있어서 vercel의 serverless function을 먼저 도입하게 되었습니다 이대로 배포하면 안되니깐...https://velog.io/@dishate/Vercel-Serverless-%EC%98%88%EC%A0%9C-Jsonplaceholder axios instance[Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법안녕하세요. 회사에서 베트남 시니어 개발자 코드를 통해 학습한 내용을 일부 기록한 글입니다. axios를 잘 정리해서 사용한 것 같아서 따라서 사용하고 있습니다. 이 코드를 보고 개발하는 프로젝트는 전부 이렇게 작성해서 사용하고 있습니다. 이 코드의 좋은 점은 다음과 같습니다. - axios 인스턴스를 만들 때 구성 기본 값 설정을 쉽게 해 줄 수 있습니다.https://pinokio0702.tistory.com/373axios 인스턴스 사용법shared/api.jsx export const defaultInstance = axiosApi(BASE_URL) = 인증이 필요없는 axios 인스턴스 export const authInstance = axiosAuthApi(BASE_URL) = = 인증이 필요한 axios 인스턴스 출처: https://ghost4551.tistory.com/185 [프론트 개발자들을 위한 티스토리:티스토리]https://velog.io/@rudans987/axios-%EC%9D%B8%EC%8A%A4%ED%84%B4%EC%8A%A4-%EC%82%AC%EC%9A%A9%EB%B2%95 axios deleteAxios | delete요청 시 body 안에 값을 넣는 방법과 들어가지 않는 이유Axios delete 요청에 값이 들어가지 않아서 삽질을 많이 했다. Http의 규약을 통해 이유에 대해 해석하고 문제를 해결하는 방법에 대해 작성하였다 :>https://velog.io/@reum107/Axios-delete%EC%9A%94%EC%B2%AD-%EC%8B%9C-body-%EC%95%88%EC%97%90-%EA%B0%92%EC%9D%84-%EB%84%A3%EB%8A%94-%EB%B0%A9%EB%B2%95%EA%B3%BC-%EB%93%A4%EC%96%B4%EA%B0%80%EC%A7%80-%EC%95%8A%EB%8A%94-%EC%9D%B4%EC%9C%A0 form submit enterHTMLFormElement: submit event - Web APIs | MDNNote that the submit event fires on the element itself, and not on any or inside it. However, the SubmitEvent which is sent to indicate the form's submit action has been triggered includes a property, which is the button that was invoked to trigger the submit request.https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event Render twiceWhy does useEffect Run Twice in React v18.0?After upgrading to React v18, I found a problem with useEffect when I was developing and debugging locally, it wasn't like I knew it before. As in the following example: Guess what is printed in the console? Yes, you read that right, it prints Call! twice.https://blog.bitsrc.io/react-v18-0-useeffect-bug-why-do-effects-run-twice-39babecede93 for each 비동기 x for of 사용 form 안의 input에서 엔터 클릭시 폼 제출
![[Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법](https://www.notion.so/image/https%3A%2F%2Fpinokio0702.tistory.com%2Ffavicon.ico?table=block&id=a00608f4-c95e-406f-a516-a689adafb49b&cache=v2)
![[Axios][업무][베트남🇻🇳] - Axios instance 생성하고 api 요청 함수 작성하는 방법](https://www.notion.so/image/https%3A%2F%2Fimg1.daumcdn.net%2Fthumb%2FR800x0%2F%3Fscode%3Dmtistory2%26fname%3Dhttps%253A%252F%252Ft1.daumcdn.net%252Ftistory_admin%252Fstatic%252Fimages%252FopenGraph%252Fopengraph.png?table=block&id=a00608f4-c95e-406f-a516-a689adafb49b&cache=v2)
