본문 바로가기

Framework & Library/Vue

Vue 입문하(는 도중에 생긴 문제해결)기, Vue.js Devtools 활성화 문제 2021. 5. 4. Vue.js로 개발을 진행하려면 필수인 google의 확장프로그램 중 Vue.js Devtools가 있다. Vue 입문하기 글을 쓰며 나 또한 새롭게 데스크탑에 개발환경을 세팅 중이었는데, 이상하게 아무리해도 vue devtools가 활성화가 되지 않았다. 원래는 아래의 링크로 들어가 확장 프로그램을 다운로드 받고, Vue.js devtools Chrome and Firefox DevTools extension for debugging Vue.js applications. chrome.google.com 프로젝트에서 npm run serve를 하고 나서 개발자 도구를 찾아보면, 저렇게 Vue 카테고리가 생기고, 각 컴포넌트와 데이터를 볼 수 있어야 한다. 하지만 새로운 데스크탑 환경에서는 확장 프로그램이..
Vue 입문하기 2. 개발환경 구축, 플러그인 설치하기 2021. 5. 4. 앞의 포스팅에서 Vue-CLI 프로젝트를 하나 생성했다ㅏㅏ 개발도구는 VSCode나 IntelliJ 혹은 웹스톰을 쓰는데 편한 것으로 사용하면 된다! 이제 프론트 개발을 더 수월하게 해주는 플러그인들을 몇가지 설치해보자 나는 유튜브의 엘리쌤이나 인프런 뷰 강좌의 캡틴판교님의 VSCode 플러그인 추천 영상을 참고했다ㅏㅏ 개발설정은 자신이 편한 혹은 회사에 맞는 환경을 따르면 되기 때문에 아래의 영상을 보고 직접 플러그인들을 써보면 좋을 것 같다ㅏㅏ 엘리쌤의 플러그인 추천 영상 캡틴판교님의 기술 블로그 Vue.js 개발 생산성을 높여주는 도구 3가지 뷰로 개발할 때 반복적인 코드 작성을 줄이고 코드 리뷰를 편하게 해주는 도구 알아보기 joshua1988.github.io
Vue 입문하기 1. Vue 란? 2021. 5. 4. 더보기 약 두달 동안의 vue.js 를 사용한 웹 개발을 해오면서 계속해서 아쉬웠던 뷰의 기초, 응용 이론 공부를 조금 해보자ㅏㅏㅏ 먼저, 내가 뷰를 사용하게 된 계기는 프론트 개발에 있어서 러닝커브가 비교적 낮으면서, 추후에 비슷한 프레임워크인 리액트로의 기술적 확장이 가능할 것 같아서였다. (사실 리액트를 먼저 시작했다가 이건 뭐지 저건 뭐지 난해했던....) 뷰는 jsp 개발 경험이 있던 내가 바로 개발 할 수 있을 정도의 난이도였다. ( 하지만 스스로 잘 만들었다고는 못하겠... ㅜ ) 나의 경우, 뷰를 사용해서 기능과 화면 구현은 어느정도 가능했으나.. 기획과 동시에 코드를 짜다보니, 코드의 가독성, 그리고 컴포넌트 구성에서 뭔가 잘못되었다는 생각이 자주 들었다. 그래서 사비를 들여 강의를 구입..

티스토리툴바