[ Svelte ] vite build 후 자동으로 서버 올리기

아시는 분들이 많겠지만 그냥.. 내가 편할려고 따로 작성해두는 소스 package.json에 "scripts": { "build": "vite build"}, build 기준으로 설명을 드리겠습니다. build를 하고 난 뒤, 바로 nodemon으로 서버를 올리고 싶을 때, 간단하게 && 연산자를 써주면 됩니다. "scripts": { "build": "vite build && nodemon server.js"}, 그럼 pm2 같은 경우 어떻게 할 수 있을까? 이것 또한 간단함. "scripts": { "build": "vite build && pm2 start server.js --name 'app' && pm2 monit "}, 간단! 이런 식으로 응용한다면 무궁무진 할 것 ..

• format_list_bulleted FrontEnd/JavaScript
• · 2025. 4. 24.

[ Svelte ] Svelte-kit 으로 build 후 배포

아무리 찾아봐도 정보가 너무 적어서 직접 작업하면서 삽질한 내용을 적어 내려간다고 함. svelte-kit을 설치하면 보통 vite 로 작업하게 되고, npm run dev 커맨드로 로컬을 돌릴건데이걸 서버에 올려서 작업해보고 싶어서, build 후 올릴려고 하니까 너무 막막한 것 이다. 기본적으로 node.js 서버로 맞물려서 svelte를 올릴건데. [ Frontend ] Host - localhost Port - 5173 [ Backend ] Host - localhost Port - 8080 [ Database ] Host - localhost Port - 3306 위와 동일하게 일단 npm run build 를 해준다. 그리고 /build/index.js 로 ..

• format_list_bulleted FrontEnd/JavaScript
• · 2025. 4. 24.

Immutability (불변성) 에 대한 정리 - 4

Immutability (불변성) 포스팅 리스트 - Immutability (불변성) 에 대한 정리 - 1 - Immutability (불변성) 에 대한 정리 - 2 - Immutability (불변성) 에 대한 정리 - 3 - Immutability (불변성) 에 대한 정리 - 4 서두 지난 포스팅 에서는 객체와 함수가 만났을때 발생하는 문제점에 대해 다뤄보았습니다. 이번 포스팅에선 Object.freeze 에 대해서 알아보겠습니다. Object.freeze Object.freeze 는 객체를 동결하는 역할을 합니다. Object.freeze 구문 Object.freeze(obj) const f1 = { name: "Kim" }; const f2 = f1; Object.freeze(f1); f1.nam..

• format_list_bulleted FrontEnd/JavaScript
• · 2022. 5. 14.

Immutability (불변성) 에 대한 정리 - 3

Immutability (불변성) 포스팅 리스트 - Immutability (불변성) 에 대한 정리 - 1 - Immutability (불변성) 에 대한 정리 - 2 - Immutability (불변성) 에 대한 정리 - 3 서두 지난 포스팅 immutability 에 대한 정리 2편 에서는 Object Data type 같은 경우 어떻게 하면 immutability (불변성) 을 지킬수 있는지 방법을 알아보았고 함수 Object.assign, Array.prototype.concat 에 대해 알아보았고 Nested Object (중복 객체) 의 경우 어떻게 대처하면 되는지에 대해 알아보았습니다. 이번 포스팅에서는 함수 와 관련된 immutability (불변성) 에 대해 알아보겠습니다. 함수와 객체가 ..

• format_list_bulleted FrontEnd/JavaScript
• · 2022. 5. 13.

Immutability (불변성) 에 대한 정리 - 2

Immutability (불변성) 포스팅 리스트 - Immutability (불변성) 에 대한 정리- 1 - Immutability (불변성) 에 대한 정리 - 2 - Immutability (불변성) 에 대한 정리 - 3 서두 지난 포스트 ( Immutability (불변성)에 대한 고찰 - 1 ) 에서 immutability란 무엇인가? let 그리고 const에 대해 무엇인가? Data Type 인 Primitive Type과 Object Type에 대해서 알아보았습니다. 이번 2편 포스팅에서는 Object Type에서 불변성을 가지려면 어떻게 할 수 있는지에 대해 생각해보는 시간을 가지도록 하겠습니다. Object.assign immutability (불변성) 은 원본 데이터를 건드리지 않아야 합..

• format_list_bulleted FrontEnd/JavaScript
• · 2022. 5. 12.

Immutability (불변성) 에 대한 정리 - 1

Immutability (불변성) 포스팅 리스트 - Immutability (불변성) 에 대한 정리 - 1 - Immutability (불변성) 에 대한 정리 - 2 - Immutability (불변성) 에 대한 정리 - 3 서두 한달전 쯤 Shallow Copy Deep Copy 에 대해 공부하고 정리하여 포스팅 한적이 있습니다. 생활코딩을 보며 Redux를 공부를 할려다 immutability 에 대해 아는것이 좋다고 하길래, immutability 즉 불변성에 대해 개발하며 자주 들어봤지만 크게 관심을 가지지 않았던터라 이번에 공부를 해두는게 좋다고 하여 이렇게 정리하게 되었습니다. Immutability 이란 무엇인가? imutability란 불변성 이라고 불립니다. 어원을 한번 따라가봅시당 mu..

• format_list_bulleted FrontEnd/JavaScript
• · 2022. 5. 11.