<template>

$t

• $t(다국어 코드): 다국어 지원

v-model

• v-model=" " : 양방향 데이터 바인딩

v-if

• v-if=" ": 조건에 따라 블록을 렌더링

v-for

• v-for=" ": array를 가져와서 반복

v-html

• v-html="": HTML 코드를 template에 넣어줌

...(스프레드 오퍼레이터)

• ...: 특정 개체의 값을 다른 객체로 복제하거나 옮길 때 사용

$refs

• 컴포넌트의 instance와 element에 접근

type=" "

• type=" ": Bootstrap을 이용한 css 스타일 ex) type="success"나 type="primary"

two factor auth == two factor authentication == 2단계 인증

slot=" "

• 특정 컴포넌트에서 자신에게 등록된 자식 컴포넌트의 내용을 재정의 할 수 있는 디렉티브

<col>

• html에서 표의 열을 나타내는 태그

:

• element 안에서 attribute에서 접근할 때는 : (콜론)을 써서 데이터변수에 접근

:loading

• 비동기 컴포넌트가 로딩중일 떄 사용할 컴포넌트

v-else

• v-else와 함께 else 블록 추가 가능

is 속성

• 컴포넌트를 엘리먼트의 속성형태로 기술하는 방법

• 자식 윈도우에서 부모 윈도우로 돌아가기전에 뜨는 창

https://hasudoki.tistory.com/entry/Vuejs-모달-컴포넌트Modal-Component-만들기

<script>

라이프사이클

• Creation, Mounting, Updating, Destruction

=> (화살표 함수)

• var foo = x => x : function 키워드를 사용해 함수를 간단하게 표현

callback()

• callback()

Object.assign()

• object.assign(target, source): target객체로 source객체를 병합

router.push()

• router.push(location): location(다른 페이지)으로 이동

Object.keys()

• object.keys(obj): 객체 obj의 속성 이름을 열거하는 배열로 반환

jQuery Event 처리

• jQuery 기본 이벤트

===(Strict Equal Opearator)

• a===b : a와 b의 값과 값의 종류가 모두 같은지 비교

Array.prototype.filter()

• Array.prototype.filter(word => word.length > 6)) : word 데이터 중 5자리 이상을 필터링

Array.prototype.forEach()

• Array.prototype.forEach() : 주어진 함수를 배열 요소 각각에 대해 실행

Array.prototype.push()

• Array.prototype.push() : 배열 끝에 원소 하나 삽입하고 새로운 배열 개수 반환

Modal

• 팝업 대화창

mapGetters()

• Vuex에 내장된 helper함수

mapActions

• this.$store.dispatch('xxx')를 사용하여 컴포넌트에서 액션을 디스패치하거나 컴포넌트 메소드를 store.dispatch 호출에 매핑

Ajax 매소드

• jQuery.Ajax( ) == $.Ajax ( ) 매소드

mapState, mapGetters, mapMutations, mapActions

• helper 함수

$(dollar)