vue js 공부
vuetify 활용 및 경험에 대한 후기 (toolbar를 이용한 자기 소개 페이지)
1.vuetify 새 프로젝트 생성 create vue 폴더명 2.yarn run serve 로 초기 프로젝트 확인 3.web packaging 방법을 통해서 open source vuetify 설치 및 사용환경 만들기 공식홈페이지 참조: https://vuetifyjs.com/en/getting-started/quick-start {{ title }} {{ description }} vuetifyjs.com ex)이런식으로 web-packaging 에 필요한것을 추가해주고, 환경을 세팅하면된다. 4.마지막으로 사용해 보고싶은 toolbar코드 등을 공식홈페이지에 연결된 깃허브에서 가지고 와서, app-vue에 추가하면 된다. https://v1.vuetifyjs.com/ko/components/tool..
Vuetify.js 설치
VUETIFY.JS 설치에는 다양한 방법이 있다. CLI를 이용 할 수도 있고, VUE UI, NUXT나 Webpack에 설치 하는 등 여러 방법이 있다. 먼저 가장 일반적으로 많이 이용하는 CLI 를 이용한 설치법을 안내하도록 하겠다. Vue CLI INSTALL 1.먼저 vue의 기본 프로젝트를 생성한다. (vue의 기본 세팅과 cli세팅 및 설치에 관련된것은 앞의 계시물 참조) vue와 cli설치: https://joyfulbean.tistory.com/3?category=793439 $ vue create my-app // navigate to new project directory $ cd my-app 2.CLI 페키지에 vuetify를 추가해 준다. $ vue add vuetify 이렇게 vu..
vuetify.js 소개
WHAT IS VUETIFY.JS? Vuetify는 현제 전세계에서 가장 많이 쓰이고 있는 web material framework 입니다. 이러한 vuetify를 지원하는 vue.js는 2014년부터 자바스크립트를 기반으로 사용되는 최고의 프레임워크로 성장하고 있습니다. vue.js의 가장 큰 장점은, 컴포넌트를 나눔으로써 어떠한 곳에서도 재사용이 쉽고, 접근 및 이해를 돕는 것입니다. Vuetify는 이러한 vue.js에 컴포넌트들이 최상의 UI로 만들어질 수 있게 도와주고 제공하는 open source library 입니다. VUETIFY.JS 공식 홈페이지 https://vuetifyjs.com/ko/ {{ title }} {{ description }} vuetifyjs.com
무료 도메인 설정및 닷홈 호스팅
1. 먼저 dothome 사이트에 접속해서 회원 가입을 한다. https://www.dothome.co.kr/ 닷홈 - 호스팅은 닷홈 닷홈은 무제한 웹호스팅, 무료호스팅, 도메인, 홈페이지빌더, 무제한메일, SSL보안인증서, 서버호스팅, 코로케이션 서비스를 제공하고 있습니다. www.dothome.co.kr 2.사이트에 상단바의 웹호스팅--> 무료 호스팅 버튼 클릭 3. 쭉 내려가면 이렇게 무료호스팅 신청하기 버튼이 있습니다. 다시 클릭~ 4. 총 4단계가 있는데, 다 너무 간단한 자기 정보 입력이니까 패스~ 하나만 설명하면, ***FTP아이디는 기본제공 도메인, DB 아이디 등에 들어가니까 조금만 신중하기~ 5. 다끝났으면 호스팅 신청! 6. 호스팅 신청을 했으면 이제 호스팅 주소로 들어가 봅시다. 이..
Vue js 공부 방법
모든 공부가 그렇듯, 처음은 어렵다 그리고 막막하다. 처음 vue js 를 접할때, 나역시 막막했다. 나에게 도움이 되었던, 또 내가 공부하기 시작했던 강의 들을 추천한다. 1. 인터넷 강의 약 (5시간 30분)짜리// 가격: 33000원 대부분 vue js 공식 홈페이지 가이드를 보고 공부를 시작할 것이다. 하지만, 공식 홈페이지 가이드는 안타깝게도 영어이다... 즉, 습득력이 느려질 수 밖에 없는 단점이 있다. 이 강의는 공식 홈페이지의 자료들을 한국말로 설명해준다. 돈이 들어서 좀 아쉽지만, 확실히 돈주고 산 강의는 다르다는 생각이든다. 매우 깔끔하고, 잘 가르치 신다. 약 3만 3천원의 강의 하나로 vue 를 정복 할 수는 없다. 시간은 5시간 30분 정도 이지만, 하나 하나 만들어 보면서 진행하..
Vue js 설치
1.커멘드 창으로 vue 설치 npm install vue *** 이 단계에서 에러 메세지가 뜰 수 있다. 내가 경험한 원인과 해결법을 정리해 봤다. 1. npm이 설치가 안되있었다. --> 구글링을 통해서 npm 부터 설치 2. yarn 이 설치가 안되있었다. --> 구글링을 통해서 yarn 부터 설치 3. permission denied ---> 앞에 sudo 를 붙이고 sudo npm install vue 로 하면 해결 가능 ** yarn과 npm은 결국 많이 쓰니까, 없다면 그냥 설치후 시작하는걸 추천한다. 2.nodejs 설치 nvm install node 3.vue cli npm install -g @vue/cli 또는 yarn global add @vue/cli 5.vue 프로젝트 만들기 v..