웹 개발

1. Vue 프로젝트 생성 vue create foldername - foldername 폴더 생성 후, 그 안에 vue 프로젝트 세팅됨 2. Vue 라우터 설치 :: foldername 폴더 안에 들어간 뒤 입력 vue add router - 페이지 전환을 위한 라우터 설치

https://stackoverflow.com/questions/54007569/how-to-config-nginx-for-vue-router-on-docker/54193517#54193517 How to config nginx for Vue-router on Docker I'm setting up a docker image from nginx to serve a Vue app as static files. My vue app uses Vue-Router and it works perfectly on an other server. My nginx config is just like this: https://router... stackoverflow.com 1. Vue 프로젝트 폴더 안에 docker 폴더..

1. main.js에서 전역변수 등록 2. 사용할 때는 this.$변수명 으로 사용 // main.js import { createApp } from 'vue' import App from './App.vue' import router from './router' const api = 'http://api.site.com'; const app = createApp(App); app.use(router); app.config.globalProperties.$api = api; app.mount('#app')

- props에서 전달받은 값을 변경해도 부모 컴포넌트에서 값이 변경되지 않는다 - 자식 컴포넌트에서 부모 컴포넌트의 함수를 호출하면서 매개변수를 같이 넘겨주는 방식 ChildVue.vue ParentVue.vue

1. text-align - 부모 요소에 적용하면 자식 요소들(inline)이 정렬됨 2. vertical-align - 자식 요소들(inline)에 적용

1. node.js 설치 2. cmd 창 - npm install vue - npm install -g @vue/cli * 오류 발생시 - github에서 다른 프로젝트를 clone해서 수정하려고 하면 문제 발생 문제: 'vue-cli-service'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 해결방법: npm i