Vue.js (5) 썸네일형 리스트형 [Web] ENV 설정 & Vue process.env.NODE_ENV 설정 vue.config.js 생성 시, 아래와 같이 배포 모드와 개발자 모드로 나누어 진행할 수 있다. module.exports = { // options... publicPath: process.env.NODE_ENV === 'production' ? '/dfddd/' : '/frontend/', devServer: { disableHostCheck: true } } process.env.NODE_ENV = 'production' - 배포 모드 process.env.NODE_ENV = 'development' - 개발자 모드 이 외에 env에 대해서 좀 더 알아본 링크를 첨부합니다. http://afrobambacar.github.io/2017/03/proccess-env-of-nodejs.html No.. [Web] Vue.js 작동 순서 및 설명 정리 https://gustv.tistory.com/21 3. Vue.js 작동 순서 Vue.js 작동 순서 1. package.json 설정들이 들어가져있다. vue의 버전 같은데 전부 기입되어져있다. eslintConfig 등도 포함되어져있다. Spring 의 pom.xml 같은 역할을 한다고 보면 될거같다. 2. index.html.. gustv.tistory.com Vue.Js 작동 순서 정리 링크 https://whitepro.tistory.com/241 Vue.js / 기초 / 6. 파일, 컴포넌트 및 router 구조 1. 파일구조 이제 지엽적으로 Vue 문법만 공부하는 것이 아니라, 전체적인 파일구조를 살펴보자. 기본 구조는 아래와 같다. 전체적인 파악 후, header 만들기를 따라하면서 각 .. [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 생성 해주기 ------.. [Web] App.js 실행 BackEnd 설정 이후 기존 bin/WWW 에서 App.js로 실행하고자 할 때, 하단에 app.set('port', process.env.PORT || 9000); //ex) 9000 / 원하는 포트 번호 넣기 var server = app.listen(app.get('port'), function() { console.log('Express server listening on port ' + server.address().port); }); 다음과 같이 작성해준다. https://expressjs.com/ko/starter/hello-world.html Express "Hello World" 예제 Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일.. [Web] express / vue 연동하기 express 와 vue를 연동하는 방법입니다. 참고했던 여러개의 링크가 있으니, 해당 링크에 접속하시어 맘에 드는 걸로 진행하시면 됩니다. 해당 버전 설치 시 vue의 경우 2.9.6 버전[2021.11월 기준]으로 설치되고 있으니 vue 3버전이나 4버전을 원하실 경우 다른 링크를 참조하시거나 https://allblack0811.tistory.com/28 vue3.js 세팅하기(vue-router) vue.js cli 설정 하는 방법을 알아보겠습니다. npm install -g @vue/cli // cli3 버전 npm install vue-cli //cli2 버전 cli툴을 설치해주세요! vue create {project명} //3.x vue init {탬플릿} {파일 경로} //2.. allb.. 이전 1 다음