vue (7) 썸네일형 리스트형 [Vue] Vue 에서 Sass Scss 사용하기 https://swoo1226.tistory.com/181 Vue.js에서 Sass / Scss 사용하기 Vue-cli에서의 SCSS 모듈의 설치와 적용 VueJS에서는 vue-loader 덕분에 Single File Component 구성의 .vue 내에서 style 태그에 lang="scss" 요소만 추가하면 scss를 적용할 수 있다. # scss 관련 모듈 설치 npm.. swoo1226.tistory.com https://velog.io/@function_dh/Vue-scss-%EC%B6%94%EA%B0%80-%EB%B0%8F-%EC%A0%84%EC%97%AD-%EC%8A%A4%ED%83%80%EC%9D%BC-%EC%84%A4%EC%A0%95 [Vue] scss 추가 및 전역 스타일 설정 Vue.. [Web] Vue router-link 사용 시, 이동이 제대로 되지 않을 때 Vue router-link를 사용할 때, /directory/A /directory/B 로 지정하고, router-link를 통해 이동하고자 할 때, 제대로 이동이 되지 않는 경우가 있다. 같은 디렉토리에서 이동하고자 할 때, 이동이 원활하지 않는 경우, 다음을 추가해준다. 다음과 같이 :ket="$route.fullPath"를 지정해주면 된다. 자세한 설명이 필요하다면 아래 링크를 통해 확인하면 된다. https://hj-tilblog.tistory.com/99 Vue router view :key="$route.fullPath" Router - view의 기능을 새로 발견했다🧐 새로 알게된 기능을 기록하려고 한다. 막 엄청난 내용이 아니긴한데 그래도 기록해놓으면 오래 기억할 수 있으니깐! vue는 .. [Web] Vue 화면 새로 고침 this.$router.go(); Vue 화면 새로고침 [Web] Nginx & Vue Proxy 연결하기 Node와 동일한 방법으로 진행하였으나, 연동이 되지 않아 방법을 바꾸어 진행하였습니다. 먼저 Nginx 쪽 코드 다음과 같이 원하는 location을 지정합니다. 그리고 proxy_pass 쪽에도 동일한 값을 입력해줍니다. 다음은 이제 Vue 쪽 config 파일을 수정합니다. 만약 Vue쪽에 config 파일이 없다면, root 경로에 vue.config.js를 만들어 줍니다. [vue.config.js 파일을 만드는 경우라면 반드시 root 경로인지 확인해주세요. 다른 경로에 작성 시 동작하지 않을 수 있습니다.] 다음 vue.config.js 파일은 아래와 같이 작성해줍니다. module.exports = { // options... publicPath: process.env.NODE_ENV ==.. [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] Vue router 와 Express 연동을 위한 connect-history-api-fallback 모듈 설치 Vue router 와 Express 연동을 위해서 connect-history-api-fallback 모듈 설치가 필요하다. 설치 방법은 아래 링크를 첨부합니다. https://www.hanumoka.net/2018/11/13/vue-20181113-vue-how-to-make-vue-express-project/ Vue와 Express를 합쳐서 통합 프로젝트 만들기 들어가기이 글은 Vue 프로젝트와 Express 프로젝트를 연동하는 예제이다. Vue Express Node 통합 프로젝트 환경 만들기Vue를 프론트엔드로, Express를 백엔드로 개발할때 어떻게 프로젝트를 잡아야 할까 www.hanumoka.net connect-history-api-fallback 에 대한 자세한 설명은 GitHub에.. [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 다음
