# vue

1875개의 포스트
post-thumbnail

Vue.js 재사용성을 높이자! Slot편

Vue.js 프레임워크에서 제공하는 함수들로 컴포넌트의 재사용성을 높일 수 있다. 슬롯 슬롯(slot)은

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

뭐야 뭐야 씽파포 (SFC) !

말 그대로! 혼자 그리고 움직이고 꾸미고 혼자 다해먹음!특정 영역에 대해서 HTML, CSS, JS 코드를 한 파일에서 관리하는 방법이당.Vue cli 로 호닥 프로젝트를 생성해보면이렇게 App.vue 파일이 생성되는데 보다시피<template></templ

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

Vue 설치

사실 backend를 목표로 하는 개발자로서 front를 하게 될지 상상도 못했었다.하지만 이왕 시작하게 된거 끝까지 해내보려한다.node js 설치 (이왕이면 안정성 높은것으로 하는 것을 추천!)https://nodejs.org/ko/ 설치가 완료되면 잘 설

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

Nuxt.js(Vue) moment 사용법

개인프로젝트진행하면서 moment 라이브러리를 적용해보려고했다.일반적인 사용법으로는 잘되지않아서...결국 구글링...ㅎㅎ;;moment 설치해주기!nuxt.config.js 파일에서 코드 추가해주기위에 그림과 같이 plugins 에다가 코드를 추가해준다.filter.j

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

디스코드 취약점

매일 제 디코 상태에 Discord_Research라고 뜨던 이유입니다.

3일 전
·
0개의 댓글
·

[vuex] vue 데이터 동기화

vue 데이터 동기화 방법 eventBus (vue2), emitter (vue3), vuex 중 vuex를 활용한 데이터 동기화하는 방법입니다.store/index.js

5일 전
·
0개의 댓글
·

Vue3 가이드 정리

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

2022년 9월 28일
·
0개의 댓글
·
post-thumbnail

Vue.js API, Methods

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

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

Vue: Suspense 컴포넌트

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

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

[Vue] Vue(12) vue-router

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

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

Vuex 이해하기

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

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

[Vue] Vue(11) bootstrap 설치

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

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

Vue + Electron builder 문제 해결

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

2022년 9월 25일
·
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 키 넣기경로

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

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

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

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

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

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

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

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

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

2022년 9월 24일
·
0개의 댓글
·
post-thumbnail

Template Refs

template refs

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

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

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

2022년 9월 23일
·
0개의 댓글
·
post-thumbnail

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

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

2022년 9월 23일
·
0개의 댓글
·