Vue.js (JavaScript Framework) , 레퍼런스 : https://ojava.tistory.com/185

개발환경
-VS Code (툴)
-Node.js


1.VS Code 설치

URL = https://code.visualstudio.com/

-시스템 버전으로 설치한다 (유저버전도 있음)

2.Node.js 설치

URL = https://nodejs.org

cmd에서 버전확인 명령어
node -v
npm -v

vscode 터미널에서 npm init -y 명령어 실행하면 package.json 파일이 생성된다.

npm을 통해 Node Module를 설치하는 방법은 npm install [module] [option]이다.

express 설치 : npm install express --save


3. 크롬 브라우저에서 Vue.js devtools를 설치

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd


4.vue CLI 3.0 설치

npm install -g @vue/cli 또는 yarn global add @vue/cli

버전확인 
vue --version

터미널에서 버전확인
vue.cmd --version


5.프로젝트 생성
vue create 프로젝트명 (케밥식으로 작성, ex : test-vue)

터미널에서 프로젝트 생성된다
vue.cmd create 프로젝트명

vue/cli 3.x 미만(1.x 혹은 2.x) 인 경우 : vue init webpack 프로젝트명

6.프로젝트 실행

실행 : npm run serve (프로젝트폴더로 이동 후 실행)
종료 : Ctrl + c

7.프로젝트 UI 실행

 

IntelliJ CE(CommunityEdition) 버전에서 SpringBoot 프로젝트 생성 기능을 제공하지 않는다.

그럼 CE 버전에서 SpringBoot 프로젝트를 개발 할 수 있는 방법은 https://start.spring.io/ 에서 프로젝트를 생성하고 Import 하면 된다.

zip파일을 다운로드 받고 압축 해제 후 IntelliJ에서 Open 한다

 

 sudo 명령어를 사용하여 제한적으로 실행하는 것이 시스템의 보안 측명에서 용이하다.

 

설정파일 위치 : /etc/sudoers 

 

계정명 호스트명=(실행 계정명) [NOPASSWD:] 명령어

 

항목  의미 
 계정명  명령어 실행 권한을 줄 계정명이나 그룹명. 모두에게 줄 경우 ALL
 호스트  실행할 대상 서버명이나 IP. 모든 서버가 대상이라면 ALL
 실행 계정명  명령어를 실행할 때 어떤 계정의 권한을 갖는지 설정하며 생략시 root 로 실행
 NOPASSWD  설정할 경우 명령어를 실행할 때 계정 암호를 물어보지 않음.
 명령어  실행을 허용하는 명령어의 경로. ALL 일 경우 모든 명령어를 허용

 

 

특정 사용자의 sudo를 사용할 수 있는 설정

userid    ALL=(ALL)    ALL

 

 

그룹에 포함된 모든 사용자가 sudo를 사용할 수 있는 설정

%wheel    ALL=(ALL)    ALL

패스워드 생략 설정

userid    ALL=(ALL)    NOPASSWD: ALL

%wheel    ALL=(ALL)    NOPASSWD: ALL

 

 

 

+ Recent posts

티스토리툴바