react
-
React+Vite nginx로 GCP VM(우분투)에 수동배포 하는 방법클라우드 2025. 5. 22. 22:18
우선 Github에 프론트엔드 소스코드가 있는 것을 전제로 하고 가겠습니다.우선 VM을 준비합니다. GCP에서 VM을 생성 하고 SSH로 접근합니다.그리고 git과 npm을 설치합니다.sudo apt updatesudo apt install git -y저희는 node버전 v23.11.0, npm 버전 v11.3.0이 필요하기 때문에 nvm을 설치해줍니다.curl -o- | bashsource ~/.bashrc설치한 이후nvm install 23.11.0으로 23.11.0의 노드 버전을 깔아줍니다.근데 npm 버전이 11.3.0으로 안깔려서 다음명령어를 통해 11.3.0 버전을 깔아주었습니다.npm install -g npm@11.3.0이제 준비는 다 되었습니다.프론트엔드 레포지토리를 clone 해서 가..
-
Infisical으로 React 환경변수 적용하기클라우드 2025. 5. 20. 20:05
프로젝트에서 Project 들어가서 Project Settings를 클릭하면 다음과 같은 화면이 나옵니다.여기에서 SLUG가 중요합니다. 이게 나중에 CLI 명령어 칠때 환경을 구분하는 태그 같은 것 입니다.GPT한테 물어보니"Slug"는 주로 URL에서 사용되는 짧고 사람이 읽을 수 있는 문자열을 의미합니다. 보통 특정 콘텐츠의 제목을 URL-friendly하게 만든 것이에요. 라고 합니다.이렇게 환경을 설정해두고사용하는 환경변수를 넣습니다.그 후 프로젝트로 이동하여 다음 명령어를 통해 infisical을 설치합니다.npm install -g @infisical/cli그리고 로그인 합니다.infisical login그리고 Self-hosted 선택하고Domain 입력하라 할때 http:// 입력을 하면..