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) { // =..
1. UI와 UX UI가 존재해야 UX가 존재하며 UX가 발전해야 UI를 잘 만들 수 있음 => UI/UX는 사용자에게 최상의 제품을 제공하기 위해 디자인함 1) UI(User Interface) 정보 기기와 소프트웨어의 화면(사용자)과의 상호작용 시각적인 것에 대한 배치를 고려하여 UI디자인을 해야함 => 사용성이 좋을 수록 사용자의 만족도 향상 2.) UX(User experience) 정보 기기와 서비스 이용자가 느끼는 경험 소외되는 사용자가 없는지 고려하여 UX디자인을 해야함 => 긍정적인 면과 편의성 향상
* 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) 반응형 업데이트..
웹은 World Wide Web의 줄임말입니다. 웹은 하이퍼텍스트 구조를 활용해 인터넷상에서 돌아가는 서비스이며 정보를 연결하고 공유하는 공간입니다. (*인터넷과 웹은 다름) 이러한 정보들이 서로 연결되어 있는 형태가 실이 엉켜있는 거미줄 모양과 유사해 거미줄을 의미하는 'web' 이라는 단어를 사용하게 되었습니다. (Hyper Text : 참조를 통해 독자가 한 문서에서 다른문서로 즉시 접근할 수 있는 텍스트) 1. 웹의 단계 초기 단계인 1.0부터 현재는 2.0 그리고 이제는 3.0으로 나아가고 있습니다. 1) 웹 1.0 => 읽기 전용 콘텐츠 제작자만이 정보의 권한을 소유(일방적 소통) 정적 페이지 2) 웹 2.0 => 참여 구조 '읽기'와 '쓰기'가 더해져 정보간의 상호작용이 가능(쌍방향 소통) ..