js
-
javascript 객체js 2021. 6. 4. 08:19
객체 (Object) JavaScript는 객체 기반의 스크립트 언어이며 JavaScript를 이루고 있는 거의 모든 것은 객체입니다. 객체란 여러 속성을 하나의 변수에 저장할 수 있도록 해주는 데이터 타입으로 Key / Value Pair를 저장할 수 있는 구조이다. 객체 생성 방법에는리터럴 방법과 생성자를 이용한 방법이 있습니다. 리터럴 방법 const obj = { type1: "hoon", //문자열 type2: 2020, //숫자 type3: true, //boolean type4: {}, //객체 리터럴 type5: [], //배열 type6: function () {}, //함수 }; 생성자 함수를 이용한 방법 const obj = new Object(); obj.type1 = "string..
-
Vue.js 2.0 생명주기js 2021. 5. 26. 19:55
생명주기란? 인스턴스의 상태에 따라서 호출할 수 있는 속성들을 생명주기(life cycle)이라고 합니다. 그 속성마다 개발자가 추가한 커스텀 로직을 라이프 사이클 훅(life cycle hook)이라고 합니다. Vue.js의 라이프 사이클은 4가지로 나눌 수 있습니다. Creation(생성) 단계 Mounting(장착) 단계 Updating(수정) 단계 Destrucion(소멸) 단계 라이프 라이클 흐름은 다음과 같습니다. 위의 라이프사이클 진행 순서를 코드로보면 다음과 같습니다. //components/life.vue 1. Creation(생성) 단계 Creation 단계에서 실행되는 훅(hook)들이 라이프사이클 중에서 가장 처음 실행됩니다. Creation단계에는 beforeCreate()와 cr..