SWMAD

How to Fix EACCES Port Error when Running Vite Development Servernpm run dev 실행 시 아래와 같이 "Error: listen EACCES: permission denied 0.0.0.0:5173" 오류가 뜨는 경우가 있을텐데요. 이럴땐 vite.config.js에서 포트를 변경해주면 돼요.error when starting dev server:Error: listen EACCES: permission denied 0.0.0.0:5173 at Server.setupListenHandle [as _listen2] (node:net:1915:21) at listenInCluster (node:net:1994:12) at Server...

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..

Create a React project and set up the development environment리액트 프로젝트를 vscode에서 진행을 하는 것을 보여드릴게요. 우선 리액트 실행하기 전에 Node.js 필요해야 하니 설치를 진행하세요. 설치 후 관리자 모드 명령 프롬프트 창에서 "node -v"를 작성해서 버전을 확인해주세요.https://nodejs.org/ko/download Node.js — Node.js® 다운로드Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org설치하셨으면 리액트 프로젝트를 생성해야 하는데 vite 이용해서 빠르게 생성해보도록 할게요.npm create vite@late..