Javascript에서 null, undefined, '', 0, Nan 즉 Empty값 체크 방법 let value = '' let emptyCheck // 1. 등호 사용시 Empty Check if (value === null || value === undefined || value === '') { emptyCheck = true } else { emptyCheck = false } // 2. Empty Check if (!value) { emptyCheck = true // => 값이 있으면 false 값이 없으면 true } else { emptyCheck = false } // 3. Empty Check (조건을 반대로 사용하고싶을경우 -> !!value) if (!!value) { // =..
* filter, map, reduce, forEach, every, some, find 등이 있다(ES5이상부터 사용가능) 1. filter 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 let list = [ { fruit: '사과', snack: '꼬북칩', food: '피자' }, { fruit: '오렌지', snack: '새우깡', food: '햄버거' }, { fruit: '사과', snack: '아우터', food: '쌀국수' } ] // ※fruit가 '사과'인 data 출력 // 1. 기존 for문 let filteredArray = [] for (let i = 0; i < list.length; i++) { if (list[i].fruit === '사과') { f..
Vue란?? 1. 표준HTML, CSS 및 JavaScript를 기반으로 구축(웹표준 준수) => 효율적으로 개발 할수 있는 컴포넌트 기반 프로그래밍 모델을 제공 2. Vue의 핵심 1) SPA(Single Page Application) 방식 => 내용이 바뀔때 화면 새로고침을 통하는게 아닌 한 화면 내에서 변화가 이뤄진다.(재배치) 2) Vue CLI 사용 => 간단한 웹팩 세팅을 도와주는 텍스트 기반의 인터페이스(NPM 설치) 3) Router 제공 vue-router를 활용해 컴포넌트를 갱신, 재배치에 도움을 줌. (컴포넌트 : Vue의 객체로 재사용가능 코드를 캡슐화 도움) 4) 선언적 렌더링 JavaScript 상태를 기반, 상태가 변경되면 HTML이 자동으로 업데이트됨. 5) 반응형 업데이트..