SWMAD

Reflecting Changes to Folders within a React Project to GitHub참고 링크https://swmad.tistory.com/21 VS Code에서 React 프로젝트를 GitHub에 올리는 방법How to Upload a React Project to GitHub with VS Code리액트 프로젝트 진행하다가 형상 관리 하는 걸 깜박하고 있어서 글을 작성하게 됐어요. 진행할게요!! 1. Git 설치 및 로그인깃 다운로드 링크https://git-scm.coswmad.tistory.com깃허브에 올린 후 생각해보니 전 프로젝트를 프론트는 vscode에서 백엔드는 인텔리제이에서 할거라 프론트랑 백엔드 폴더를 따로 지정해야했어요. 그래서 폴더 옮기고 깃에도 변경을 ..

How to Upload a React Project to GitHub with VS Code리액트 프로젝트 진행하다가 형상 관리 하는 걸 깜박하고 있어서 글을 작성하게 됐어요. 진행할게요!! 1. Git 설치 및 로그인깃 다운로드 링크https://git-scm.com/downloads/win Git - Downloading PackageDownload for Windows Click here to download the latest (2.49.0) 64-bit version of Git for Windows. This is the most recent maintained build. It was released on 2025-03-17. Other Git for Windows downloads Sta..

Switching from a local server to a public server using ngrok with React Project리액트 웹 프로젝트 진행하다가 모바일 화면으로 테스트하고 싶어서 찾아보니 ngrok을 알게 됐어요. 로컬 호스트로 하면 진행중인 컴퓨터 내에서만 접근 가능한 주소라 그걸 해결하고자 했어요. 우선 리액트 프로젝트에 ngrok을 사용하기 전에 설치를 해주셔야 해요.ngrok 설치npm install -g ngrok설치하셨으면 ngrok 회원가입 후 프로젝트에 인증 토큰 등록해주셔야해요. 우선 사이트로 가서 가입해주세요. 가입 후 토큰을 로컬에 등록해주세요.https://ngrok.com/ ngrok | API Gateway, Kubernetes Networking + ..

Deploying a React Project to Docker이번 포스팅은 제가 프로젝트 진행 도중에 윈도우 11로 변경할려다가 갑자기 프로젝트 사라질까봐 도커에 올릴려고 하다보니 글을 작성하게 되었어요. 이제 시작할건데 프로젝트 폴더에 가셔서 빌드를 먼저 해주세요.npm run build저는 빌드 하기 전에 Dockerfile이랑 리액트 SPA가 동작할 수 있도록 해주는 Nginx.conf 파일을 미리 생성을 했어요. 그런데 생성할려면 위치는 프로젝트 폴더 직전 폴더에 작성하셔야 해요. 저는 두 파일을 따로 메모장 열기 귀찮아서 cmd 창에서 작성을 했어요.도커 파일 생성notepad Dockerfile도커파일 내용# 1단계: 앱 빌드FROM node:22.1.0-alpine AS builderWOR..