728x90 반응형 👩💻 Programming/etc4 Vite 프로젝트 환경변수 설정하는 법 오류 내용 및 원인 Vite 프로젝트 환경 하에서 기존에 create-react-app으로 프로젝트를 만들었을 때와 같이 환경변수를 구성하고 api를 호출하니 아래처럼 오류가 발생했다. .env 오류가 발생한 원인은 환경변수를 설정하는 방법이 일반 React 프로젝트와 Vite 프로젝트가 다르기 때문이다. React 프로젝트에서는 .env 파일에 REACT_APP이라는 접두사를 붙인 환경변수를 process라는 키워드로 호출한다. 반면 Vite 프로젝트에서는 VITE_라는 접두사를 붙인 환경변수를 import.meta라는 키워드로 호출한다. 즉 위의 환경변수를 Vite에서 동작하게끔 하려면 아래와 같이 적어야 한다. 공식 문서의 해당 내용을 확인해보자. 해결 방법 일반 React 프로젝트 하의 환경변수 .. 2023. 1. 6. What is Express? Express에 대해 알아보자! references 이번 글은 아래 페이지들을 참고하여 작성하였습니다. MDN_link Express 공식 사이트 stackoverflow 내 답변 MERN Clone Coding_blog-app MERN에서 'E'를 맡고 있는 'express'가 무엇인지 궁금하여 찾아보았다. 1. express란? express는 현시점에서 가장 인기 있는 node.js의 프레임워크이다. 기존의 복잡했던 node.js 작업을 간소화해서 진행할 수 있다. 매우 가볍게 동작하도록 고안되었기 때문에 외부 library나 features를 잘 접목하여 사용해야 제 성능을 발휘할 수 있다. 2. express의 특장점? 다른 framework와 달리 express의 주된 특징이라면 바로 unopin.. 2022. 4. 1. __dirname in Node.js references 이번 글은 아래 글을 참고하여 작성하였습니다. 참조글 MERN Clone Coding_blog-app 위 동영상을 보며 clone coding하며 마주친 __dirname이라는 녀석. 과연 정체가 무엇일까? Node.js의 공식문서에 따르면 __dirname이란 현재 모듈의 경로 이름이다. __filename의 path.dirname()과 기능이 같다. ex)/Users/mjr에서 node example.js을 실행 console.log(__dirname); // Prints: /Users/mjr console.log(path.dirname(__filename)); // Prints: /Users/mjr뭔가 현재 경로를 알려주는 아이 같은데? 그럼 ./과는 어떻게 다른 거지? 아래 내.. 2022. 4. 1. 'library'와 'framework'의 차이 references 위 글은 아래 글을 참고하여 작성했습니다. 참조글 MERN Clone Coding_blog-app 위 링크의 동영상을 보면서 clone coding을 하던 중 들었던 궁금증. library와 framework라는 말이 계속해서 등장하는데, 도대체 둘의 차이점은 무엇일까? library와 framework의 가장 큰 차이점은 바로 지배의 전환(inversion of control) 이다. library를 쓸 때에 사용자는 통제 권한을 갖은 채 method를 불러 사용한다. 반대로 framework에서는 사용자에게 통제 권한이 없고 framework가 사용자를 호출한다. 아래 그림을 한번 살펴보자. (출처: https://www.quora.com/What-is-the-difference-.. 2022. 4. 1. 이전 1 다음 728x90 반응형
