vuejs
-
Gradle + tomcat + firebase + vuejs (1)개발/개발관련 2020. 9. 7. 15:37
0. Gradle + tomcat + firebase + vuejs 일단 나는 firebase를 통해서 서버에 올릴거고, db도 firebase에서 쓸수있는 디비를 연결할거라 spring이나 이런건 사용하지 않으려한다. 그래서 jsp가 아닌 html로 만들어서 vue 써보고 Gradle도 써보고 git도 써보고 내가 안써본것들을 공부하면서 테스트하기위한 목적이 있다. 1. Gradle 프로젝트 생성 Gradle 프로젝트로 새로 생성한다. 이클립스 자체의 Windown/preference에서 utf-8로 몽땅 맞춘다. 이건 구글링하면 잘 나와있으니까 패스 그리고 프로젝트도 오른쪽 클릭 후 properties에서 utf-8로 몽땅 맞춘다. 안맞추면 한글이 깨질 확률이 높다. src/main 밑에 폴더를 만들..
-
외부사이트 html 코드 가져오기개발/개발관련 2020. 3. 5. 14:27
1. 외부사이트의 html을 어떻게 가져올까 외부사이트 url을 통해 html 코드를 가져오고싶었다. 구글에서 찾아본것 중 vue에서 잘 돌아가는 것으로 적용했다. 아마 내가 vue가 처음이라 잘 적용을 하지 못하는 것도 있을 듯하다. 2. 예시 코드 자바스크립트 코드이다. test (url) { var optionAxios = { headers: { 'Content-Type': 'application/x-www-form-urlencoded', 'Access-Control-Allow-Origin': '*', 'Access-Control-Allow-Methods': 'GET,PUT,POST,DELETE,OPTIONS', 'Access-Control-Allow-Headers': 'Content-Type, A..
-
vuejs + firebase 처음 시작하기개발/웹사이트 혼자 만들기 2020. 2. 13. 16:52
0. 개요 회사 내부망이기도 했고, 서버리스로 빠르게 개발하고 웹사이트를 확인하고 싶어서 vue.js + firebase를 선택했다. 1. 개발환경 구축 이전에 node, vue-cli, yarnm, git까진 다 설치 되어있기때문에 설명은 패스한다. 명령어만 간략히 남겨둔다. //노드 버전확인 노드는 사이트에서 다운 $ node -v //vue-cli 설치 & 버전확인 $ npm i -g @vue/cli $ vue --version //yarn 설치 & 버전확인 $ npm i -g yarn $ yarn -v //git 버전확인 git은 사이트에서 다운 $ git --version 1.1 vue + vuetiry 원하는 폴더에 뷰 프로젝트를 만들어주고 서버올리고 확인한다. 뷰프로젝트 만들때의 옵션이다. ..
-
node.js vue.js express.js 처음 해보기개발/웹사이트 혼자 만들기 2020. 2. 12. 14:41
NEMV(Node.js, Express.js, MongoDB, Vue.js) 0. 개요 늦은감이 있지만, 요즘 많이 쓰는 것들을 새로 배우고 싶어서 짬날때 조금씩 공부하려한다. nodejs로 서버만들고 vue.js 사용해보고싶고, jquery는 없애고싶었다. 요즘스타일, 요즘 트렌드를 접하고자한다. https://fkkmemi.github.io/nemv/nemv-007-vuetify-install/ 모던웹(NEMV) 혼자 제작 하기 3기 - 7 뷰티파이 설치 뷰티파이 설치에 대해 알아보기 fkkmemi.github.io 이 강의를 보고 진행했으며, 이 글은 저 강의를 진행하면서 만났던 에러나, 몰랐던 부분 등등을 정리할 계획이다. 1. 뷰티파이 설치시 문제 발생 쭉 잘 설치하다가 뷰티파이 설치할 때 문제..