jhhan의 블로그

이번 포스트는 eslint에 관한 글입니다. noogoonaa.tistory.com/62 참고한 블로그입니다. vue.js를 사용 중에 계신 분들 중 아마도 vue-cli로 작업하시는 분들이 많으실 텐데요 eslint warning이 많이 떠서 귀찮으신 분들이 있으실 겁니다. (제가 그랬어서.. ㅎㅎㅎㅎ) 이런 비슷한 warning이 뜨실 겁니다. 이런 경고가 한두개면 상관없는데, 저는 수백개가 뜨더라고요.... 그래서 빌드하고 1분정도는 지나야 작업할 수 있엇습니다. 그냥 참고 썼었는데,,, 요즘 너무 지나치게 많이 나와서 한번 검색해봤습니다. 이제 적용방법입니다. .eslintrc.js 라는 파일이 있을 겁니다. 그 파일로 들어가서 module.exports = { rules: { 'prettier/..

이번에는 Spring과 Vue.js를 연동해보겠습니다. 그러면 Spring은 Backend가 되고, Vue.js는 frontend가 되게 됩니다. 프로젝트를 만드는 방법은 다양하지만, 저는 스프링 프로젝트를 먼저 만든 후 Vue-cli를 적용할 것입니다. 먼저 스프링 프로젝트를 만듭니다. 저는 다음과 같은 Dependency를 포함해서 넣었습니다. 넣고 싶은 것을 넣으면 됩니다. (여기서 일단 스프링 세큐리티는 제외하시기를 권장합니다.) 그럼 다음과 같은 프로젝트 구조를 보실 수 있으실 겁니다. 그리고 실행을 한다면 실행이 안됩니다. MariaDB 설정을 안하셔서 그렇습니다. 저는 마리아DB로 했지만, 다른 dB를 원한다면 그것을 하시면 됩니다. 먼저 pom.xml 파일로 가서 다음을 추가합니다. org..

이번 시간에는 Vue.js 설치에 대해서 알아보겠습니다. 처음에 Vue.js를 설치하는 법에 다루지 않았기 때문에 알아보겠습니다. 먼저 '뷰 개발자 도구'를 설치하겠습니다. 크롬 기준으로 진행합니다. 검색창에 vue.js devtools를 입력합니다. 처음 나오는 링크를 클릭합니다. 그러면 다음의 화면이 보입니다. 설치버튼을 눌러 설치를 진행합니다. 설치가 완료되면 다음과 같이 오른쪽 상단에 'V'표시가 보입니다. 이렇게 하면 뷰 개발자 도구 설치가 완료됩니다. 저는 파이어폭스도 자주 사용해서 파이어폭스에 설치하는 법에 대해서도 알아보겠습니다. 주소창에 https://github.com/vuejs/vue-devtools 과 같이 입력합니다. 그리고 밑으로 내리다 보면 다음의 화면이 보입니다. Firefo..