# vue

710개의 포스트

[Vue.js] Global Component와 Local Component

vue에서는 component를 글로벌 컴포넌트로 등록할 수도 있고, 로컬 컴포넌트로도 등록할 수 있다.글로벌 컴포넌트로 등록하면 모든 파일에서 컴포넌트를 사용할 수 있고, 로컬 컴포넌트로 등록하면 컴포넌트를 등록한 파일에서만 해당 컴포넌트를 사용할 수 있다.main.

약 22시간 전
·
0개의 댓글

[Vue.js] 컴포넌트끼리 의사소통 하는 방법

vue.js에서는 .vue 확장자를 사용하는 파일로 컴포넌트를 만들 수 있다.

어제
·
0개의 댓글
post-thumbnail

2021.09 TIL

Django + vue.js 를 활용한 API 기반 동적 폼 개발 (일단 static 하게) 화물,퀵 서비스 단가 자동 계산 및 경로 추적 프로젝트 문서검토GitHub 프로필 꾸미기django template의 문법과 Vue.js 문법의 충돌 {{ }} 중괄호 두개를

2일 전
·
0개의 댓글

TIL 27 (v-for 배열변경감지 todoList )

v-for를 통해 ()를 사용하여 첫번재는 item(배열값)을 두번째는 index(순서)를 얻을 수 있다. v-for를 통해 ()를 사용하여첫번재는 value(객체값)을 두번째는 name(key값)을세번째는 index(순서)를 얻을 수 있다.반복되는 화면을 렌더링하는데

2일 전
·
0개의 댓글

[Vue] 3. Composition API, 넌 도대체 뭐냐! (feat. Vue.js 3)

오랜 기다림 끝에 vue.js 3(이하 Vue3)가 릴리즈 되었습니다. 그로부터 1년이 지났지만 아직도 사용하기엔 많은 라이브러리나 플러그인들이 Vue3을 지원을 해주지 않고있습니다. 과연 이 변화가 Vue를 더 나은 생태계로 만들어줄까요?

2일 전
·
0개의 댓글

[vue] nuxt.js

nuxt

3일 전
·
0개의 댓글

TIL 26일차

객체 리터럴과 key value 형식으로 작성=> isActive와 isLarge가 각각 true false에 따라 class에 active / large가 추가key 와 value가 같은 값이라면 생략도 가능하다. BEM 표기법을 위해 key부분을 ''를 묶어서 사

3일 전
·
0개의 댓글

computed 옵션 / watch 옵션

하나의 계산된 데이터로 취급하여 여러번 사용할 때 캐싱을 통해 따로 또 함수를 동작시키지 않아도 되어 반복적 출력 연산 낭비 X객체내의 대상에서만 의존성에 영향을 받아 다른 객체내의 대상값이 바뀌어도 영향받아 동작을 하지않는다. => 최적화가 잘 되어있다.fetch를

4일 전
·
0개의 댓글

💡 반응형데이터 특징 / Proxy / 불변성

반응형 데이터를 정의 할 때는 미리 data 옵션에 선언하지않으면 나중에 추가되는 데이터는 반응성을 가지지 않는다. 기본적으로 만든 data가 가진 옵션은 vm.key와 vm.$data.key에 존재한다. 원래는 vm.$data.key에 값이 선언이 되지만 this를

4일 전
·
0개의 댓글

Vue 라이프사이클

CreateMountUpdateDestorydata와 이벤트 , 감시자등이 설정되기 전에 호출되는 라이프 사이클 훅this 접근 불가능 / Dom 접근 불가능data, computed, methods, watch 등과 같은 옵션 설정이 완료된 시점이기 때문에, data

5일 전
·
0개의 댓글

Vue 개념 이해

componentconfigmixinmountprovide...새 Vue 인스턴스를 만드는 것부터 시작new VueVue.createApp...mount()인스턴스를 viewModel(vm)이라고도 한다. 인스턴스 메소드

5일 전
·
0개의 댓글

Vue v: 동작 다루기

vue의 이벤트에 따라 해당하는 함수를 동작시킬수 있다. 해당 함수는 methods : 를 통해 등록되어 있다. 변수값이 true냐 false냐에 따라 class에 key값이 적용되면서 v-bind를 통해 class = key 형태로 만들어진다. 만약 v-bind를 사

6일 전
·
0개의 댓글

Vue를 시작하는 방법 3가지

기본적으로 Vue 사이트에 나온 방법 2가지와 plugin을 이용한 방법을 시도해본다. 가장 간단하며 따로 모듈을 설치할 필요가없다. <script src="https://unpkg.com/vue@next"></script> 해당 부분을 index.

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

[Vue.js] Vue instance & Directives

Vue.js basics

2021년 9월 17일
·
0개의 댓글
post-thumbnail

효율적인 공부법에 대하여

개발을 시작한지 3년도 채 되지 않은 지금,결과가 보이는 공부법이 중요하다는 결론에 이르렀다.

2021년 9월 16일
·
0개의 댓글

Vue IE 브라우저에서 동작안하는 이슈 / SCRIPT1002 구문오류

사내에서 사용하는 vue로 만들어진 프로젝트가 IE에서 동작하지 않는다는 이슈가 있었습니다.이미 배포된 버전에서는 콘솔창에 SCRIPT1002가 찍혔고 상세내용을 눌러보다 빌드된 파일이다보니까 생각보다 이슈를 파악하기 어려웠습니다.그래서 local에서 프로젝트를 띄우고

2021년 9월 14일
·
0개의 댓글

Vue 인피니티 스크롤 컴포넌트 만들어보기

: 프로젝트에 사용하려고 했던 vue 인피니티 스크롤 컴포넌트가 vue3에서 지원을 하지 않아서 형태를 참고해서 직접 컴포넌트를 구현해 보았다.: 정말 간단하게 만들어서 그런지 컴포넌트가 유연하지 않다..부모 자식 컴포넌트간 통신하는 새로운 방법에 대해서 알게되었다기존

2021년 9월 13일
·
0개의 댓글
post-thumbnail

리액트(React.js) vs 뷰(Vue.js)

라이브러리와 프레임워크의 차이라이브러리와 프레임워크의 차이는 제어 흐름에 대한 주도성이 누구에게/어디에 있는가에 있습니다. 프레임워크는 전체적인 흐름을 스스로가 쥐고 있으며 사용자는 그 안에서 필요한 코드를 짜 넣으며 반면에 라이브러리는 사용자가 전체적인 흐름을 만들며

2021년 9월 13일
·
0개의 댓글

VUE $EMIT 에 관하여

하위컴포넌트에서 상위컴포넌트로 DATA전달 및 이벤트 발생 필요 시BoardList.vue ( 상위 컴포넌트 )BoardDetail.vue ( 하위 컴포넌트 )BoardList에서 BoardDetail 컴포넌트를 import 함BoardDetail 안에서 함수를 통해

2021년 9월 13일
·
0개의 댓글

VUE 컴포넌트 오류

VUE FRONT 작업 중 컴포넌트 및 HTML 비정상 작동BOARD ( 메인 컴포넌트 ) BOARDLIST , BOARDDETAIL ( MODAL ) 구성한대로 나오지 않고 특정 변수가 들어가있는곳에 undefined가 뜨면서 화면이 제대로 작동하지 않는 오류BOAR

2021년 9월 13일
·
0개의 댓글