프로그래밍/Node.js + Vue.js
-
[Node.js + Vue.js] Visual Studio Code 디버그 모드프로그래밍/Node.js + Vue.js 2020. 7. 1. 15:37
▶Node.js + Vue.js Visual Studio Code 디버그 모드 ▶설명 Node.js 개발을 진행하면서 디버그 모드를 사용하지 않는다면, 많은 불편이 있을 수 있습니다. Visual Studio Code에서 제공하는 디버그 모드를 설정하여, 개발 편의성을 올리도록 하겠습니다. 아래의 내용은 Visual Studio Code에서 디버그 모드를 사용한 경험을 기반으로 작성한 것입니다. 다른 분들은 더 많은 기능을 아실 거로 생각하지만, 제가 아는 내용만 간단히 작성하도록 하겠습니다. ▶Visual Studio Code 디버그 모드로 실행 이제 개발을 위해 백엔드 프로젝트를 Visual Studio Code 디버그 모드로 실행하는 방법을 알아보겠습니다. 우선 터미널에서 [Ctrl + C] 단축키..
-
[Node.js + Vue.js] 백엔드(Backend) 환경 세팅 with Express프로그래밍/Node.js + Vue.js 2020. 6. 12. 09:00
▶Node.js + Vue.js 백엔드(Backend) 환경 세팅 with Express ▶설명 프론트엔드의 경우에는 Vue.js를 사용하기로 하였습니다. 백엔드는 Node.js에서 흔하게 사용한는 Express 프레임워크를 사용하도록 하겠습니다. 이번 글에서는 Express Generator를 이용하여 Express 백엔드 환경을 세팅하도록 하겠습니다. ▶Express Generator 설치 [참고] Express Generator : https://expressjs.com/ko/starter/generator.html Express 애플리케이션 생성기 Express 애플리케이션 생성기 애플리케이션의 골격을 신속하게 작성하려면 애플리케이션 생성기 도구인 express를 사용하십시오. 다음의 명령을 이용..
-
[Node.js + Vue.js] 프론트엔드(Frontend) 환경 세팅 with Vue CLI프로그래밍/Node.js + Vue.js 2020. 6. 5. 13:24
▶Node.js + Vue.js 프론트엔드(Frontend) 환경 세팅 with Vue CLI ▶설명 이번 글에서는 Vue CLI를 이용하여 Vue.js 프론트엔드 환경을 세팅하도록 하겠습니다. ▶Vue CLI 설치 [참고] Vue CLI : https://cli.vuejs.org/ Vue CLI cli.vuejs.org 아래의 방법은 이전에 설치한 Visual Studio Code를 이용한 방법입니다. 1. Visual Studio Code 좌측에 EXPLORER 영역에서 우측 클릭 2. [Open in Terminal] 선택 3. 하단 터미널이 표시되는 것을 확인 4. Vue CLI 설치 여부 확인을 위해 아래의 명령어 실행 vue -V 5. Vue CLI가 설치되어 있지 않다면 아래를 실행 5.1...
-
[Node.js + Vue.js] Yarn 패키지 매니저 설치프로그래밍/Node.js + Vue.js 2020. 6. 3. 15:35
▶Node.js + Vue.js Yarn 패키지 매니저 설치 ▶설명 Node.js + Vue.js 프로젝트를 진행하면서 사용할 패키지 매니저는 Yarn입니다. 그러면 Yarn은 무엇일까요? ▶Yarn이란? Yarn은 facebook에서 개발한 javascript 패키지 매니저입니다. Yarn은 NPM 보다는 사용량이 적지만, 많은 인기를 누리고 있는 패키지 매니저입니다. Yarn에서 소개하는 기능은 아래와 같습니다. Ultra Fast (초고속) Yarn은 다운로드 한 모든 패키지를 캐시하므로 다시 다운로드 할 필요가 없습니다. 또한 작업을 병렬화하여 리소스 사용률을 극대화하므로 설치 시간이 빨라집니다. Mega Secure (뛰어난 보안) Yarn은 체크섬을 사용하여 코드가 실행되기 전에 설치된 패키지..
-
[Node.js + Vue.js] 프로그램 설치프로그래밍/Node.js + Vue.js 2019. 9. 22. 18:41
▶Node.js + Vue.js 프로그램 설치 ▶설명 [들어가며] 최근에 Node.js + Vue.js로 회사에서 작업을 진행해서 간단하게 프로젝트에서 사용한 TIP 같은 것을 정리합니다. 상세한 지식을 작성하기에는 배움이 모자라므로 어디까지나 참고만 하시고, 제대로 배우고 싶으신 분은 공식 문서를 보시는 것을 추천합니다. 이 글은 어디까지나 수박 겉핥기처럼 간단한 내용만을 담고 있습니다. [환경] OS : Windows 10 Node.js : 10.16.3 LTS Vue.js : 2.X Editor : Visual Studio Code 우선 Node.js와 Visual Studio Code를 설치하도록 하겠습니다. ▶Node.js 설치 Node.js 다운로드 1. https://nodejs.org/ko..