# vue

1526개의 포스트

Vue - 문법

문법 v-if, v-else, v-else-if를 쓸 땐 같은 형제이면서, 인접해 있어야함 맞게 사용한 예시) 틀리게 사용한 예시) v-xxx="" v-on:click="", v-if="" 등의 ""안에서 자바스크립트 문법을 사용할 수 있음

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

Vue 컴포넌트

Vue 공식문서 설명컴포넌트는 Vue의 가장 강력한 기능 중 하나입니다. 기본 HTML 엘리먼트를 확장하여 재사용 가능한 코드를 캡슐화하는 데 도움이 됩니다. 상위 수준에서 컴포넌트는 Vue의 컴파일러에 의해 동작이 추가된 사용자 지정 엘리먼트입니다.Vue 컴포넌트는

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

Vue 인스턴스

Vue 공식문서 설명모든 Vue 앱은 Vue 함수로 새 Vue 인스턴스를 만드는 것부터 시작합니다.관례적으로, Vue 인스턴스를 참조하기 위해 종종 변수 vm(ViewModel의 약자)을 사용합니다.Vue 인스턴스를 생성할 때는 options 객체를 전달해야 합니다.V

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

Vue.js 란?

Vue.js 공식 설명사용자 인터페이스를 만들기 위한 프로그레시브 자바스크립트 프레임워크.다른 단일형 프레임워크와 달리 점진적으로 채택할 수 있도록 설계.MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리기존의 HTML과 순수 Ja

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

[SetUp] Vue 프로젝트 Jest Install

vue-cli 2의 경우 vue init wepack \[project-name] 으로 생성되고,vue-cli 3은 vue create \[project-name] 명령어로 생성 가능하다.2.x 버전에서는 eslint, unit test, night watch 등 디테

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

Vue - lifecycle

lifecycle

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

백엔드와 프론트엔드의 엑셀 출력차이(Java & Vue)

백엔드는 Java를 사용하고, 프론트는 Vue를 사용하는 환경에서 엑셀 입출력은 어떻게 처리하는게 효율적일까? 고민이되어 스스로 비교하고 정리하여 작성하는 글.웹개발을 해본 개발자로써 기본적인 상식은, 비즈니스 로직은 백엔드에서 최대한 처리를 한다라고 인식을 갖고 있었

약 22시간 전
·
0개의 댓글

BootstrapVue 설치 및 세팅

npm install @vue/clinpm install -g @vue/clinpm install vue bootstrap-vue bootstrapyarn add vue bootstrap-vue bootstrapvue create 프로젝트 명 OR vue init we

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

[vue.js] Show/Hide elements

웹 페이지에서 요소를 숨기고 표시하는 것은 자주 발생하는 UI 관련 작업입니다. 일부 세부 정보 섹션, 도구 설명 등의 가시성을 전환할 수 있습니다. 1. v-if="Boolean" 화면에서 숨기고, 코드도 삭제된다. 2. v-show="Boolean" 엘리먼트를

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

☕ Cuppers' 프로젝트 소개

유튜브 '개발자의 품격 4기'를 통해 5월부터 시작된 3개월짜리vue.js + node.js + mysql 프로젝트이다.우리 1팀은 cuppers라고 이름 붙여진카페 지도 서비스를 기획하였다.카페만을 위한 서비스가 있긴 한데카테고라이징이 제대로 안되어 있어 정보를 찾기

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

[Vue] Vue 문법 [EP 02]

[Vue] Vue CDN, Vue 문법 (Syntax)

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

[Vue] Vue Intro [EP 01]

[Vue] Vue.js의 배경과 장단점

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

[Vue.js] Angular, React, Vue 비교

Vue는 Angular의 데이터 바인딩 장점과 React의 Virtual DOM 장점을 모두 수용하고 있는 프레임워크이다.

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

Vue.js 사용자 입력 폼 만들기

터미널에서 신규 vue cli 프로젝트를 생성한다. vue create vue-formcd vue-formform에 기본적인 로그인 구조를 마크업 (id/password, button)App.vueinput에 v-model="인스턴스의 데이터 이름"을 추가해서 양방향으

6일 전
·
0개의 댓글

$refs in vue3

.

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

Vue.js CLI (프로젝트 생성 도구)

Vue CLI 공식 사이트 링크node ltsnpm터미널에 npm install -g @vue/cli 입력권한 문제 발생 시 sudo npm install -g @vue/cli로 입력 (관리자권한)새 창 터미널에 vue create 프로젝트 폴더 위치(이름)cd vue

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

vue api 파일 분리

weatherInfo파일에 해당하는 데이터 값들이 불러와지지 않는 현상이 발생하였다. api의 파일을 나누면서 코드의 문제가 생긴것!두군데서 다 async await를 사용해 try, catch를 해주고 있었다. 이러한 문제점을 해결하기 위해 api url이 들어있는

2022년 6월 28일
·
0개의 댓글

[FrontEnd] 팝업창 구현

처음엔 모달창으로 만들려고 했으나 기존의 윈도우 위에 생기고, 기존 창에 접근할 수 없음기존의 창과 구분되는 새로운 창이 열리도록 해야함 window.open을 사용window.open('path','popup창 이름', '화면 크기 및 위치'): 새로운 창을 띄움pa

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

[FrontEnd] vue 백엔드 통신을 통한 리스트 구현

: 백엔드와 통신하여 데이터베이스에 저장된 값을 받아 리스트로 저장한 뒤, 값을 화면에 출력백엔드 통신 : axios를 이용하여 백엔드와 통신한다. 백엔드의 경로에 접근하여 원하는 데이터를 받아서 저장한다. 이때, 화면에 항상 출력해주기 위해서 값을 받아야하므로 해당

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

[Vue] 이벤트 및 수식어

연결된 메소드 한번만 실행@submit이벤트 동작은Button의 타입이 "submit"인 버튼을 누르면이벤트 버블링에 의해 동작하고,\+추가로 기본 form 동장방지 ( 새로고침, 제출 )를 위해 prevent 수식어를 달아 준다.각각 1, 2, 3, 4 별로자식, 부

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