ES6 배열 내장 함수

ES6 배열함수 ES6에는 배열을 처리할 수 있는 여러 함수들이 있다. 1) forEach : 반환값이 없다, 단순 for문과 같이 작동한다. 2) map : 반환값을 배열에 담아 반환한다. ***** 3) filter : 조건에 충족하는(true) 아이템만 배열에 담아 반환한다. 4) some : 조건에 충족하는 아이템이 하나라도 있으면 true 반환, 아니면 false. 5) every : 모든 배열에 아이템이 조건을 충족하면 true 반환, 아니면 false. 6) find : 조건에 충족하는 아이템 하나만 반환(여러개라면 첫번째것만 반환) 7) findIndex : 조건에 충족하는 아이템의 인덱스값 반환 (여러개라면 첫번째아이템의 인덱스번호만 반환) 8) reduce : 배열의 각 요소에 대해 주..

2022.04.26

10장 객체 리터럴

보호되어 있는 글입니다.

2022.04.25

9장 타입 변환과 단축 평가

보호되어 있는 글입니다.

2022.04.25

Momentum

바닐라 JS로 브라우저 크롬의 확장 프로그램인 Momentum을 구현하는 프로젝트 https://aluvy.github.io/www/momentum/ Momentum Momentum 00:00:00 aluvy.github.io local storage를 활용한 로그인, to do list 구현과 Math.random()을 활용한 랜덤 background 및 명언 출력 setInterval을 활용한 시계, openweathermap 을 활용한 날씨 API 등 index.html 헤더에 아이콘 사용을 위해서 폰트어썸 코드를 입력했다. Momentum 00:00:00 js/greeting.js 로그인 전을 위한 .form-wrap 영역과 로그인 후를 위한 .greeting 영역으로 분리되어 있다. userna..

2022.04.25

React JS

React JS 공식사이트 https://reactjs.org/ 한국어 지원 사이트 https://ko.reactjs.org/ Facebook에서 개발한 자바스크립트 라이브러리(프레임워크가 아니다)이다. SPA(Single Page Application)이며 가상 DOM(Virtual DOM)을 활용한다. 다른 프레임워크나 라이브러리와 혼용이 가능하다 *장점 #Component 컴포넌트란 UI를 구성하는 개별적인 view 단위이다. 전체의 앱은 각 컴포넌트를 조립해서 만들어진다. 모듈화를 통해 유지, 보수가 용이하다는 점이 있다. 본인에게는 컴포넌트가 모듈화의 가이드라인을 제시해주는 것처럼 느껴진다. #JSX React에서 새로 도입된 자바스크립트 문법이고 React에서만 사용된다. JSX 문법을 사용하..

2022.04.15

Vue JS

Vue JS Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 진보적인 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램(SPA)을 완벽하게 지원할 수 있습니다. Vue JS 공식사이트 https://vuejs.org/ https://kr.vuejs.org/ 공식 사이트에서 가이드문서를 볼 수 있다. https://kr.vuejs.org/v2/guide/ 설치방법 1. Vue.js 라이브러리를 연결해서 ..

2022.04.08