본문 바로가기

[Web]

[Web] Ubuntu 셋팅[Vue.js Node.js] 관련 History 기록

반응형

- Ubuntu  AWS 설정

1. root 로그인 해주기 
[sudo passwd] - 비밀번호 설정해주기
2. apt-get upgrade / apt-get update
3.  SSH 외부 접속 허용 해주기
4. curl 설치
----------------------MariaDB 설치해주기 --------------------------------------------------
5. sudo apt-get install -y mariadb-server - 마리아 DB 설치 해주기
6.  vi /etc/mysql/mariadb.conf.d/50-server.cnf - 마리아 DB에서 외부 접속 허용 해주기 
7.  mysql Restart 해주고 mysql 로그인 후 계정 생성 및 DB 생성 해주기 

-----------------------node.js Vue.js 설치 과정
 8.  cd ~ [경로 이동 ]
 9.  curl -sL https://deb.nodesource.com/setup_14.x -o nodesource_setup.sh  - Node.js 최신 버전 설치를 위한 과정
10. sudo bash nodesource_setup.sh  - node 설치 전 관련 설정 해주기 
11. sudo apt-get install nodejs - nodejs 설치
12. sudo apt-get install build-essential node  - nodejs 설치 관련 작업
13. npm install -g npm@latest - 위 버전으로 설치 시 npm 자동 설치 됨[ 이 때 npm@latest] - 이때 npm 버전 최신 버전으로 맞추기

14. mkdir [파일명] - BackEnd / FrontEnd를 담기 위해 최상위 폴더 설정 해주기 

15. npm install express-generator - g  -BackEnd 설정 1
16. mkdir backend 
17. express --view=ejs backend
18. cd backend/
19. npm init 
20. npm install
21. npm start

-------------------------BackEnd 설치 끝 -------------------------------------------------
-------------------------FrontEnd 설치 시작 ----------------------------------------------
22. npm install -g @vue/cli - vue 3버전을 설치하기 위함
23. vue create frontend 
24. cd frontend/
25. npm run serve - frontend 정상 동작 테스트
26. npm install axios -  Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리
27. backend로 이동 후 npm install connect-history-api-fallback -save 설치 해주기 
28. cd .. - nodemon 설치를 위한 경로 이동 
29. npm install nodemon -g  / nodemon [backend 변경 시 즉각 반영을 위한 설치]
30. cd backend/ - Mariadb 설치를 위함
31. npm install mariadb --save  / - Mariadb 설치 

반응형