# vue

454개의 포스트
post-thumbnail

Vue 컴포넌트의 기초

Vue.js 기본 사용법 2편

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

프로젝트 더 공부하기 - vue mixin

Mixins는 Vue 컴포넌트에 재사용 가능한 기능을 배포하는 유연한 방법mixin 객체는 모든 구성 요소 옵션을 포함할 수 있음컴포넌트에 mixin을 사용하면 해당 mixin의 모든 옵션이 컴포넌트의 고유 옵션에 “혼합”됨믹스인할 객체를 만들고 (javascript

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

프로젝트 더 공부하기 - vue 가상DOM, ref

DOM이란?Document Object Model다큐먼트(웹페이지)를 객체로 표현하는 모델javascript가 이용할 수 있는 (메모리에 보관할 수 있는) 객체즉. DOM은 HTML과 스크립트언어(Javascript)를 서로 연결해주는 역할요약 : 스타일-> 레이아웃

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

Vue 기초1

.

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

Vue Props

props란 부모가 가지고 있는 값을 컴포넌트 즉 자식 검포넌트를 전달 하는 값? 정도라고 생각하면 될것 같다.

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

[Vue] 2. computed & watch

템플릿 내에 너무 많은 연산을 넣으면 코드가 복잡해지고 추후에 유지보수도 어렵게 된다. 이를 해결하기 위해 computed와 watch 속성이 존재한다.어떤 특성을 갖고 어떻게 다른지 알아본다.의존성과 바인딩종속 대상을 따라 저장된다계산해야 하는 목표 데이터를 정의하는

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

[Vue.js] Vue.js 입문(2) v-for, v-bind

Vue.js의 기본 디렉티브 v-for, v-bind를 이용해 menu를 구현해고 Vue.js의 기본구조 디렉티브를 학습한다.

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

1.1 Vue 개발 환경 세팅 - Vue 관련 Extension 및 개발 도구

Vue.js 개발 시 유용한 Extension 및 개발 도구

2021년 6월 7일
·
0개의 댓글
post-thumbnail

[Vue] 스타일 가이드 - 필수

Vue 공식 문서 기반으로 작성한 필수 스타일 가이드에 대한 내용 정리입니다 🙂자세한 내용은 공식문서를 참고 부탁드립니다.Style Guide - Vue.js1\. 컴포넌트의 이름은 합성어를 사용한다.html 태그의 경우 한 단어로 태그가 구성되어 있기 때문에 충돌

2021년 6월 7일
·
0개의 댓글
post-thumbnail

[Vue.js] Vue.js 입문 (1)

Vue.js는 컴포넌트(component) 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프론트엔드 프레임워크이다.

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

[Vue] 2. Vuex

Vuex가 무엇인가요?Vuex는 Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다.단방향 데이터 흐름상태 : 앱을 작동하는 원본 소스뷰 : 상태의

2021년 6월 6일
·
0개의 댓글

프로젝트 더 공부하기 - Vuejs 404

404 페이지의 목적은 사용자가 존재하지 않는 페이지에 접속을 시도해도 사용자가 계속 홈페이지에 남아있도록 하는 것그러기 위해서 조건에 부합하지 않거나, 존재하지 않는 주소에 대해 사전에 만들어 놓은 404 페이지로 리다이렉트하기 위함Page Not Found 페이지를

2021년 6월 5일
·
0개의 댓글
post-thumbnail

[Vue3] Vue 3 기초

Vue CLI로 생성한 Vue 프로젝트를 비교해보자.화살표 함수를 통해 함수를 정의할 수 있다.return 해주면 template 태그에서 접근이 가능하다.greeting 함수의 값을 greet에 저장하여 사용할 수도 있다.

2021년 6월 3일
·
0개의 댓글
post-thumbnail

[Vue] 부모 컴포넌트와 자식 컴포넌트의 데이터 바인딩 (v-model, :value @input)

코드의 재사용을 위해 컴포넌트를 분리하면, 부모 컴포넌트와 자식 컴포넌트의 데이터 바인딩이 필요하다.부모 컴포넌트의 값을 자식 컴포넌트에게 내려준다.자식 컴포넌트에서 값이 변경되면, 그 사실을 부모 컴포넌트에도 알려야한다.가장 간단한 방법은 바인딩하고 싶은 데이터를 v

2021년 6월 3일
·
0개의 댓글
post-thumbnail

Mixin과 Plugin

Mixin & Plugin 짧은 소개 및 사용하면서 느낀 차이점

2021년 6월 3일
·
0개의 댓글
post-thumbnail

[Vue] 1. Vue 인스턴스

vuejs.org - Vue 인스턴스모든 Vue 앱은 Vue 함수로 새 인스턴스를 만드는 것부터 시작Vue 인스턴스의 생성 시에는 options 객체를 전달해야 한다.Vue 인스턴스가 생성될 때 데이터 객체에 있는 모든 속성이 Vue의 반응형 시스템에 추가된다. 각 속

2021년 6월 3일
·
0개의 댓글
post-thumbnail

[Vue] 0. Vue 연습 시작

Vue.js 시작하기디렉티브Vue에서 제공하는 특수 속성임을 나타내는 v- 접두어가 붙어있으며 렌더링된 DOM에 특수한 반응형 동작을 한다.조건문반복문

2021년 6월 2일
·
0개의 댓글
post-thumbnail

⭐Starter - Vue 3, Electron 프로젝트 만들기(with Vite)

Web개발은 80%는 취미로 하는 프로그래밍 이기에, 그냥 vue를 사용중에 있다. (만일 어딘가에서 현업을 한다면 React를 쓰겠지) 그런데 vue-cli가 webpack을 사용하기에 속도가 너무느려서 못써먹을 것이라는 생각이 들었다.특히나 Electron 계열 P

2021년 5월 31일
·
0개의 댓글

[Nuxt.js] Vue bootstrap file upload/ 뷰 부트스트랩 파일 업로드

옛날에 쓰던 티스토리에 있던 글 옮기다보니 글이 티스토리에서 쓰던 느낌 그대로네요...😂 일단 옮겨놓고 추후에 정리하려합니다😊먼저 template안 어딘가에 들어가 있을 이 태그를 이용해서 아래와 같이 파일업로드를 수행할 수 있습니다하지만, 저 맨 오른쪽 brows

2021년 5월 31일
·
0개의 댓글
post-thumbnail

vue 배포 방법 2가지 - Netlify, github

https://www.netlify.com/로그인 및 회원가입npm run buildVue 의 src 폴더 내에 있는 것들을 하나의 script 코드로 만들어주는 역할완료되면 dist 라는 폴더가 생김전부 / 를 기준으로 작성되기 때문에 로컬에서 제대로 작동을

2021년 5월 29일
·
0개의 댓글