<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)

• Vue에서의 $ 와 JavaScript에서 $

Object.append

• 객체에 기존키에 값을 추가하거나 키가 없으면 키를 추가

watch

• 특정 대상을 보고있는 감시자 역할

네비게이션 가드

• 네비게이션 가드 - 뷰 라우터로 특정 URL에 접근할 때 해당 URL의 접근을 막는 방법

훅(라이프 사이클 훅)

• 훅 - 발생하는 함수 호출, 메시지, 이벤트 등을 중간에서 바꾸거나 가로채는 명령, 방법, 기술이나 행위를 의미

vm

• 관례적으로, Vue 인스턴스를 참조하기 위해 종종 변수 vm(ViewModel의 약자)을 사용

.sync 수식어

• 부모 자식 컴포넌트 간의 데이터 전달하는 방법

then, catch

• 반환 값

setInterval / clearInterval

• setInterval - 일정시간마다 함수 실행

h

• hyperscript의 약자로 javascript 코드를 인자로 받아 또다른 javascript 코드를 생성해 주는 것

Number.prototype.toFixed()

• toFixed(digits): 숫자를 고정 소수점 표기법으로 표기해 반환

params

• vue router로 데이터 전달하는 방식 중 하나

forEach()

• forEach 반복문은 배열에 사용하기 좋은 반복문

slice()

• slice()는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환

render()

• render

dispatch

• 액션은 stroe.dispatch 메소드로 시작

replace

• str_text.replace("찾을 문자열", "변경할 문자열")

자바스크립트 정규식 (RegExp)