# vue

1870개의 포스트

Vue3 가이드 정리

핵심 가이드프로그레시브 프레임워크JAM stack 은 Javascript, Api, Markup Stack 의 약자이다.SPA 과는 비슷하지만 다르다.싱글 파일 컴포넌트Vue SFC는 이름에서 알 수 있듯이 컴포넌트의 논리(JavaScript), 템플릿(HTML) 및

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

Vue.js API, Methods (1/ 2)

뷰의 메서드는 특정 기능 별로 묶을 수 있는 자바스크립트 함수를 의미한다.메서드는 흔히 뷰 템플릿의 버튼 이벤트 처리부터 HTTP 통신까지 다양한 성격의 코드로 구성된다.메서드를 선언하는 방법은 아래와 같다.메서드를 이용해서 버튼 클릭 이벤트를 처리하면 다음과 같다.위

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

Vue: Suspense 컴포넌트

리액트 <suspense> 아니다. 뷰의 <suspense> 다. 뭐? 리액트 따라한 거 아니냐고? 맞다. 이건 부정할 수 없는 사실이다. 하지만 리액트 개발자들아 한가지만 기억하라. 리액트가 함수형 컴포넌트로 전환한 게 뷰의 영향이 컸다는 사실을.

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

[Vue] Vue(12) vue-router

라우터 셋팅 방법은 터미널에 입력해주시면 됩니다. 혹은 yarn add 쓰셔도 됩니다.npm run serve를 하고 있던건 끄고 입력하시길 바랍니다. 안그러면 에러납니다src폴더 안에 아무데나 router.js 파일을 만들고 따로 이해 하실 필요는 없고 그냥 복사해서

4일 전
·
0개의 댓글
·

Vuex 이해하기

Vuex Vuex란 한마디로 상태를 관리하는 라이브러리라고 볼 수 있다.

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

[Vue] Vue(11) bootstrap 설치

Vue 시작하면서 Bootstrap를 사용하기 위해서는 홈페이지에서 가져오거나 install을 사용하여 설치해 주어야 한다.설치하기에 앞서 터미널상에서 vue create 프로젝트명으로 새로운 파일을 만들어 주세요만드시고 터미널에서 설치하실 거면npm install b

4일 전
·
0개의 댓글
·

Vue + Electron builder 문제 해결

vue-cli-plugin-electron-builder 의 Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT 문제 해결하기

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

카카오 공유하기 JS SDK v2 - vue 연동

저는 vue2로 생성했습니다.카카오 JS SDK V2(https&#x3A;//developers.kakao.com/docs/latest/ko/getting-started/sdk-js경로: /root/public/index.html2번에서 확인한 JS App 키 넣기경로

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

[하이브리드 앱 - android] 카카오 공유하기 - 카카오톡 메시지에서 앱 실행하기

카카오 공유받기로 받은 메시지에서 android 하이브리드 앱을 실행합니다.android 커스텀 URL 스킴 설정 가이드(https&#x3A;//developers.kakao.com/docs/latest/ko/message/android-link.xml에 커스텀 URL

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

[하이브리드 앱 - android] 카카오 공유하기 - 웹뷰에서 메시지 보내기

swift 프로젝트 생성부터 최소한의 코드 진행합니다.참고사항: 카카오 android 하이브리드 앱 가이드(https&#x3A;//developers.kakao.com/docs/latest/ko/getting-started/sdk-js경로: /src/main/res/l

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

[하이브리드 앱 - iOS] 카카오 공유하기 - 웹뷰에서 메시지 보내기

1. 상황 웹에 JavaScript SDK 만 적용된 카카오 공유하기는 하이브리드 앱(웹뷰)에서 동작하지 않습니다. PC 브라우저(크롬, 사파리 등) - (O) Mobile 브라우저(크롬, 사파리 등) - (O) 웹뷰 - (X) > 카카오톡 devtalk 문의 결과

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

Template Refs

template refs

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

2차 프로젝트(7) - 회원정보 수정 기능 구현

💬 회원정보 수정 기능을 구현해따

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

Vue date-picker를 통한 캘린더 만들기

기존 프로젝트에서는 한 페이지 안에 모든 데이터를 넣다보니 무겁고, 유지보수할 때 찾는게 쉽지 않았다.그래서 신규 프로젝트때는 component화해서 잘 사용했으면 좋겠다는 생각이 들어서 시작되었다. 나의 지옥행이(?)프로젝트에서 페이지마다 형태가 다르기때문에 본인 페

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

[Vue] Vue(10) transition

코딩 애플 강의 내용기존의 Modal창은 css 효과를 주지 않아 이렇게 딱딱하게 작동합니다transition이라는 css 효과를 주어 부드럽게 또는 나타나는 위치를 바꾸어 보겠습니다이러한 방법이 있지만, 저는 trainsition 태그를 사용해 보겠습니다.이제는 창

7일 전
·
0개의 댓글
·

[vue] 데이터 복사해서 다른 데이터에 덮어씌우기(얕은복사)

this.덮어씌울 데이타=JSON.parse(JSON.stringify(복사하고싶은data)); 같은 형식이여야 한다. 정리는 나중에

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

[Vue] Vue(9) v-model / Watcher

애플 코딩 vue 강의 공부 내용input창에서 값을 입력할 때마다 $event.target.value에 값이 저장되게 됩니다. 하지만 코드가 길어지기 때문에 vue에서 지원하는 문법으로 v-model을 사용해 보겠습니다input에 입력한 데이터를 state 부분에

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

TIL | 0923 Vue 03일차

초창기 Vite는 Alias를 지원하지 않았지만 2020년 5월부터 공식적으로 Alias를 지원하게 되었다. Alias를 이용하면 대규모 프로젝트를 진행할 때 각 파일의 경로를 모두 적어주지 않아도 된다. Alias를 구성하기 전, 경로를 생성할 때 도움을 주는 pat

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

TIL | 0921 Vue 02일차 (Vite 로 프로젝트 생성, Vue 모듈 구성)

부지런히 하자 제발 😭Vue를 프로젝트에 포함하는 방법은 크게 두 가지로 나뉜다.CDN으로부터 Vue 라이브러리를 스크립트에 포함 (교육용 / 프로젝트 진행 전 테스트용)프로젝트에서 사용되는 라이브러리들을 호스트 서버에 저장해둘 필요가 없기 때문에, 용량의 이점과 더

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

[Vue] Vue(8) Custom event

props => 부모 요소의 데이터를 자식 요소가 받아서 사용할 수 있게 전달해 주는 것이다일반적으로 부모에게 받아서 자식이 사용하는 경우 Props는 이렇게 사용한다.하지만&lt;p> {{ data }} &lt;p>&lt;button @click="data=20">버

7일 전
·
0개의 댓글
·