# vue2

44개의 포스트

[Vue] 라디오 그룹 컴포넌트 만들기

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

2023년 4월 4일
·
0개의 댓글
·
post-thumbnail

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

2023년 2월 2일
·
0개의 댓글
·

component globally

Home.vuemain.jsApp.vue

2023년 2월 1일
·
0개의 댓글
·
post-thumbnail

[Vue] Vue2 + Vuetify(2) + TypeScript

Vue2 버젼에 Vuetify와 TypeScript를 추가하려하는데 시작하자마자 에러가,,,

2023년 1월 30일
·
0개의 댓글
·

vue exercise4

key값을 뽑고 싶으면 (a,b,c) => (value, key,index) 이런 순서로 가져올 수 있다배열의 값을 뽑는 방법은 data in testData 그 안에서 값의 배열을 또 뽑아 내기 위해선 v-for문을 또 써준다 여기서 주의 할 점은 Array인지 아닌

2023년 1월 29일
·
0개의 댓글
·

vue exercise3

2023년 1월 29일
·
0개의 댓글
·

vue exercise2

show alert를 누르면 alert 나오고,input 입력하면 아래 값이 나오고,input 입력한 후 enter 누르면 값이 나온다

2023년 1월 27일
·
0개의 댓글
·

vue exercise1

2023년 1월 27일
·
0개의 댓글
·
post-thumbnail

v-bind class로 같은 속성 적용하기

2023년 1월 27일
·
0개의 댓글
·

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

2023년 1월 9일
·
0개의 댓글
·
post-thumbnail

Vue의 v-model 에 대해 알아보기

이 글은 Vue2를 기준으로 작성되었습니다.Vue에서 제공하는 여러가지 편리한 기능 중 한 번쯤 정리하고 싶은 것들이 있었는데, 오늘은 v-model에 대해 볼 것이다.v-model은 장황하게 설명하는 것보다 직접 코드를 보는게 확 와닿을 것 같아 바로 예시로 넘어가겠

2023년 1월 7일
·
0개의 댓글
·
post-thumbnail

[vue2] 드래그앤드랍 시 반응성 업데이트 안됨

드래그앤 드랍 테이블 간 row이동에 대해 이벤트가 발생하지 않는문제 해결

2023년 1월 1일
·
0개의 댓글
·

Vue에서 동적으로 렌더링 하기

이 글은 Vue2를 기준으로 작성하였습니다. Vue에선 보통 template을 사용하여 렌더링을 한다. 아래와 같이 template 태그 안에 HTML 태그나 컴포넌트를 넣으면 손쉽게 렌더링이 잘 되는 것을 볼 수 있다. 그런데 만약 경우에 따라 렌더링해야하는 컴포

2023년 1월 1일
·
0개의 댓글
·
post-thumbnail

Vite + Vue2

Vite는 Vue3을 기반으로 프로젝트를 생성해 준다.개인적으로 최신 버전을 사용하는 것을 좋아하지만 Vue는 아직 Vue3지원하지 않는 모듈이 좀 있는 것으로 보인다.해서 본의 아니게 Vue2를 사용해야 하는 경우, Vite를 사용하여 Vue2 프로젝트를 생성하는 법

2022년 12월 1일
·
0개의 댓글
·

vue2 basic

v-on:click="myFunction"@click="myFunction"v-on:click.prevent="myFunction"

2022년 11월 27일
·
0개의 댓글
·
post-thumbnail

[vue2] 리스트 스켈레톤 UI 적용 과정

사소한 불편함을 해결한 기록

2022년 11월 26일
·
0개의 댓글
·

find()로 배열에서 원하는 값을 찾아보자..

로그인을 한 유저가 국가를 선택하면 DB로 해당 국가의 id값이 들어가고, 다음에 다시 들어 왔을 땐, 로그인 여부와 로그인 한 유저의 unid와 userid값으로 찾아서, 다시 프론트에 선택했던 국가 id값을 주게 된다.국가 id만을 알고있는 상태에서 Vue 인스턴스

2022년 11월 15일
·
0개의 댓글
·
post-thumbnail

Toy Project - Client 초기 설정

client 초기 설정

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

TIL | Vue 10일 (TodoApp 할 일 모두 제거, 빈 데이터를 보낼 때의 Modal)

App.vueTodoFooter.vue인자를 같이 보내지는 않음 이벤트만 발생시키면 App.vue에서 <todo-footer v-on:sortItem="sortAllItem" v-on:clearAll="clearAllItems"></todo-footer>

2022년 10월 10일
·
0개의 댓글
·

TIL | Vue 09일차 (할 일 추가, 삭제, 완료기능 코드리팩토링)

App.vuev-on:하위 컴포넌트에서 발생시킨 이벤트 이름="현재 컴포넌트의 메서드명"v-on:하위 컴포넌트에서 발생시킨 이벤트 이름="addOneItem"App.vueTodoInput.vuethis.$emit('이밴트이름', 인자1, 인자2...)$emit (자식에

2022년 10월 8일
·
0개의 댓글
·