# vue

1694개의 포스트

play service

웹 서비스를 한번 개발해보면서 공부한것들 중에 어떤게 부족한지 정리를 해보고 더 공부해보자.회원 가입 개발(

약 2시간 전
·
0개의 댓글
·

[Vue] should always be multi-word vue/multi-word-component-names 에러 해결방법

뷰공부를 시작하고 첫 컴포넌트를 만들어서 테스트를 진행하던 도중이란 오류가 발생했다.https://eslint.vuejs.org/rules/multi-word-component-names.html를 확인하니 ESLint를 사용할 때 html태그와 헷갈리지 않도

약 16시간 전
·
0개의 댓글
·

[TIL] {Form} from 'vee-validate'

name.. submit할 때 values..

약 18시간 전
·
0개의 댓글
·
post-thumbnail

오늘의공부(22.0811)

axios , mixins , mock서버

약 19시간 전
·
0개의 댓글
·
post-thumbnail

Vue) 20. 서버로 ajax 요청해보자.. (feat. axios)

서버는 그냥 요청하면 데이터주는 간단한 프로그램라고 생각하면 된다.예를 들어 네이버 웹툰 서버라고 한다면, 웹툰 달라고 하면 주는 프로그램인 것이다. 근데 서버에게 데이터를 요청하려면 GET 요청 / POST 요청 이라는 방법을 꼭 써야하는데,GET 은 데이터를 가져올

약 23시간 전
·
0개의 댓글
·

[TIL] ref 선언방법

약 24시간 전
·
0개의 댓글
·
post-thumbnail

vue router-link-active 적용하기

linkActiveClass: "route-active",linkExactActiveClass: "route-active" 를 추가해준다."route-active" 본인이 원하는 것으로 기입할 수 있다.나는 라우터 링크를 누르면 id="my-button"의 속성이 변경

어제
·
0개의 댓글
·

Vue) 19. 뷰에서 style속성 데이터 바인딩하는 법..

최상단 컴포넌트(App.vue)에서 글 목록 데이터(boards.js)를 import 했다.그 후, 포스트 화면을 감싸는 Container.vue 컴포넌트로 데이터를 props 한 다음에Container.vue 안에 존재하는 Post.vue라는 게시글 하나를 보여주는

어제
·
0개의 댓글
·
post-thumbnail

Vue) 18. [vuestagram 프로젝트 시작..]

구조 ) 메인화면 )

어제
·
0개의 댓글
·
post-thumbnail

Vue) 17. nested routes를 사용해보자..

/detail/0/author로 접속하면, detail 페이지 내에 작가소개란을 보여주고/detail/0/comment로 접속하면, detail 페이지 내에 댓글을 보여준다.특정 페이지 내에서 또 라우트를 나누는 경우를 nasted routes라고 한다.저렇게 다른 u

2일 전
·
0개의 댓글
·
post-thumbnail

[TIL] Vue.js/기초/store등록

store를 사용하려면 모듈을 등록해야 한다.등록하지 않고 store접근이 안된다고 삽질(?)한 오늘의 나 반성..이런 실수를 반복하지 않기 위해 짧게 정리해본다.원하는 store경로에 js파일을 생성한다.(나의경우 src/store/common/test.js 경로로

3일 전
·
0개의 댓글
·

[TIL] Vue watch 옵션(즉시실행, 깊은감시)

화면에 진입하자마자 watch함수를 실행시켜 데이터를 가져오도록 설계된 코드 구조. 그동안 복붙해서 사용했기 때문에 깊게 생각하지 않고 적용했었는데 오늘 이렇게 삽질(?)을 하게 될 줄은 몰랐다.. 복붙의 폐해watch는 감시 대상 데이터를 바라보고 있다가 해당 데이터

3일 전
·
0개의 댓글
·
post-thumbnail

오늘의공부(22.08.09)

속성 바인딩 , 이벤트 , computed와 watch

3일 전
·
0개의 댓글
·
post-thumbnail

Vue) 16. url에 파라미터를 주어 동적 url을 만들어보자..

url에 파라미터 주는 법 ) 앞의 글에서는 없지만 간단하게 말하자면, 게시글 리스트 페이지에서 해당하는 게시글로의 이동은 url을 활용한다. 게시글 리스트 페이지 url http://localhost:8080/list 첫번째 게시글 상세 페이지 http://lo

3일 전
·
0개의 댓글
·
post-thumbnail

Vue 3 다중 Router (Nested Router)

이미지 출처: Vue Router위 그림과 같이 user라는 router 안에 또 router를 사용하여 창을 전환하고 싶을 때 사용한다.나는 map이라는 router 안에 여러 지도를 router를 사용하여 띄우고 싶어 아래 코드와 같이 작성하였다.router/ind

3일 전
·
0개의 댓글
·

[Vue] checkBox 최대 개수

checkbox 최대 갯수 지정하기 api 로부터 받아온 객체 형태인데, 상품 코드값으로 상품을 관리합니다. 서칭해본 자료에는 반복을 이용하여 index값을 활용하는데, 반복을 이용하기에는 한계가 있었습니다. 따라서 코드값을 담고있는 checked 배열을 만들어, 상

3일 전
·
0개의 댓글
·
post-thumbnail

오늘의 공부(22.08.08)

컴포넌트 기본구조 , 라이프사이클 , 데이터 바인딩

4일 전
·
0개의 댓글
·
post-thumbnail

Vue) 15. vue-router4 설치 및 세팅, 사용까지..

npmnpm install vue-router@4yarnyarn add vue-router@4우선 아무곳이나 router.js 파일을 만들고 아래와 같이 코드를 붙여넣어준다.난 src폴더 안에다가 router.js를 만들었다.문법은 중요하지 않다. vue-router를

4일 전
·
0개의 댓글
·
post-thumbnail

우당탕탕 웹앱 개발기

웹앱을 만들어 보겠습니다

4일 전
·
0개의 댓글
·

[vue.js] Router

싱글 페이지 애플리케이션을 구현할 때 사용하는 라이브러리 router-view 페이지의 url이 이동했을 때 그 범위내에서 뿌려주는 태그 router-link 사용자에게 라우팅 된 경로로 이동하게끔 앵커태그를 생성하는 속성 to속성에 동적으로 라우팅 경로를 생성시

4일 전
·
0개의 댓글
·