svelte 초기 서버 설정 및 체크 순서 정리

svelte 를 클라우드 서버에 처음 세팅할때 설치해야할 기본 프로그램과 설치가 되어 있는지 확인하는 방식을 기록하려고 한다. 이는 앞으로 svelte 를 테스트로 개발할때 기본 세팅 절차로 활용할 예정이다. 

 

노드 설치 확인

설치확인 방법

node -v

 

설치되어 있지 않은 경우

sudo yum install nodejs (centos 인 경우에 yum 사용, ubuntu 인 경우에는 apt-get 사용)

 

frontend 폴더가 있어야할 폴더안에서 다음 명령어 실행

npm create vite@latest frontend -- --template svelte

 

frontend 폴더안으로 이동한후 다음 코드 실행

cd frontend
npm install

 

서버실행 세팅

서버 실행하기 전에 svelte 의 package.json 의 설정값을 다음과 같이 수정

"scripts": {
    "dev": "vite",
    "build":
    "vite build",
    "preview":
    "vite preview"
},

=>

"scripts": {
    "dev": "vite --host 0.0.0.0 --port 5173",
    "build":
    "vite build",
    "preview":
    "vite preview"
},

개발서버세팅

 

패키지 정보를 수정하고 다음과 같이 개발서버를 실행 가능하다

npm run dev

 

위와 같이 세팅하면 localhost 뿐만아니라 고정 아이피로 개발중인 웹페이지를 접근할수 있다. 

 

Tip

FastAPI 의 경우 접근가능한 uvicorn 을 실행하려면 다음과 같이 수행하면된다. 

uvicorn main:app --reload --host=0.0.0.0