# vue2
[Vue] 라디오 그룹 컴포넌트 만들기
경험상 label이 붙는 input은 어렵진 않지만 계속 id와 for로 매핑해야해서 아주 귀찮으면서도 손 많이가는 작업이라고 생각한다. 그동안은 화면에서 라디오그룹 1~2개 이상 쓴적이 없어 그냥 input-label로 계속 개발했는데 이제는 컴포넌트로 만들고자한다

vue2 - axios 예제
POST http://103.124.103.199:8080/api/rest/join-memberRequest Bodymember_id (String)member_pw (String)member_nm (String)member_phone (String)membe

[Vue] Vue2 + Vuetify(2) + TypeScript
Vue2 버젼에 Vuetify와 TypeScript를 추가하려하는데 시작하자마자 에러가,,,
vue exercise4
key값을 뽑고 싶으면 (a,b,c) => (value, key,index) 이런 순서로 가져올 수 있다배열의 값을 뽑는 방법은 data in testData 그 안에서 값의 배열을 또 뽑아 내기 위해선 v-for문을 또 써준다 여기서 주의 할 점은 Array인지 아닌
vue exercise2
show alert를 누르면 alert 나오고,input 입력하면 아래 값이 나오고,input 입력한 후 enter 누르면 값이 나온다
vue2 + typescript 전환 시 vue-router error
issue 다음과 같은 상태에서 tsconfig.json 파일 추가 시 아래와 같은 vue-router 에러 발생 solution yarn remove vue-router yarn add vue-router@3.5.3 참고: https://www.inflearn

Vue의 v-model 에 대해 알아보기
이 글은 Vue2를 기준으로 작성되었습니다.Vue에서 제공하는 여러가지 편리한 기능 중 한 번쯤 정리하고 싶은 것들이 있었는데, 오늘은 v-model에 대해 볼 것이다.v-model은 장황하게 설명하는 것보다 직접 코드를 보는게 확 와닿을 것 같아 바로 예시로 넘어가겠
Vue에서 동적으로 렌더링 하기
이 글은 Vue2를 기준으로 작성하였습니다. Vue에선 보통 template을 사용하여 렌더링을 한다. 아래와 같이 template 태그 안에 HTML 태그나 컴포넌트를 넣으면 손쉽게 렌더링이 잘 되는 것을 볼 수 있다. 그런데 만약 경우에 따라 렌더링해야하는 컴포

Vite + Vue2
Vite는 Vue3을 기반으로 프로젝트를 생성해 준다.개인적으로 최신 버전을 사용하는 것을 좋아하지만 Vue는 아직 Vue3지원하지 않는 모듈이 좀 있는 것으로 보인다.해서 본의 아니게 Vue2를 사용해야 하는 경우, Vite를 사용하여 Vue2 프로젝트를 생성하는 법
vue2 basic
v-on:click="myFunction"@click="myFunction"v-on:click.prevent="myFunction"
find()로 배열에서 원하는 값을 찾아보자..
로그인을 한 유저가 국가를 선택하면 DB로 해당 국가의 id값이 들어가고, 다음에 다시 들어 왔을 땐, 로그인 여부와 로그인 한 유저의 unid와 userid값으로 찾아서, 다시 프론트에 선택했던 국가 id값을 주게 된다.국가 id만을 알고있는 상태에서 Vue 인스턴스

TIL | Vue 10일 (TodoApp 할 일 모두 제거, 빈 데이터를 보낼 때의 Modal)
App.vueTodoFooter.vue인자를 같이 보내지는 않음 이벤트만 발생시키면 App.vue에서 <todo-footer v-on:sortItem="sortAllItem" v-on:clearAll="clearAllItems"></todo-footer>
TIL | Vue 09일차 (할 일 추가, 삭제, 완료기능 코드리팩토링)
App.vuev-on:하위 컴포넌트에서 발생시킨 이벤트 이름="현재 컴포넌트의 메서드명"v-on:하위 컴포넌트에서 발생시킨 이벤트 이름="addOneItem"App.vueTodoInput.vuethis.$emit('이밴트이름', 인자1, 인자2...)$emit (자식에