[항해99] JS 기초 Chapter5 확인 문제 풀기 (객체 고급)

 

 

4가지 키워드로 정리하는 핵심 포인트

• 속성 존재 여부 확인은 객체 내부에 어떤 속성이 있는지 확인하는 것을 의미합니다. 객체에 없는 속성은 접근하면 undefined가 나오는데, 이를 활용하면 됩니다.
• 다중 할당은 배열과 객체 하나로 여러 변수에 값을 할당하는 것을 의미합니다.
• 얕은복사(참조복사)는 복사하는 행위가 단순하게 다른 이름을 붙이는 형태로 동작하는 복사를 의미합니다.
• 깊은 복사는 복사 후 두 객체를 완전하게 독립적으로 사용할 수 있는 복사를 의미합니다.

 

 

1. 다음 중 전개 연산자의 형태로 올바른 것을 골라주세요.

1. ~
2. ...
3. @
4. spread

 

 

 

2. 구글에 "popular javascript libraries 2020" 등으로 검색해서 자바스크립트 라이브러리를 살펴본 후, 이름 7개만 적어주세요. 이름만 적지 말고 어떤 라이브러리인지 꼭 살펴보시기 바랍니다.

react.js

리액트또한 사용자 인터페이스를 만드는데 사용되는 라이브러리로 페이스북에서 개발된 것입니다.

싱글페이지 애플리케이션, 모바일 애플리케이션 개발시 사용할 수 있습니다.

데이터 변경에 따라 특정 컴포넌트만 효율적으로 갱신하고 렌더링 합니다.

또한 선언형 뷰로 디버그를 쉽게 해줍니다.

 

vue.js

vuejs는 프론트엔트 프로그레시브 프레임워크입니다.

다른 것들과 달리 선택적으로 채택해 사용할 수 있습니다.

때문에 다른 라이브러리나 기존 프로젝트에 적용하는 것이 쉽습니다.

또한 고성능의 싱글 페이지 애플리케이션 구축이 가능합니다.

핵심 기능은 데이터 렌더링, 컴포넌트입니다.

간단한 템플릿문구로 DOM에서 데이터를 선언적으로 렌더링하는 기능을 제공합니다.

재사용이 가능한 컴포넌트를 만들 수 있어 효율적인 시스템 구성이 가능합니다.

이밖에 조건문, 반복문, 사용자 입력 핸들링 등의 기능이 있습니다.

vuex라는 강력한 라이브러리가 있습니다.

vuex를 사용하면 데이터를 단방향으로, 중앙집중적으로 관리할 수 있습니다.

저는 개인적으로 vuejs를 사용할 때 vuex를 꼭 사용합니다.

 

Angular.js

angular 자바스크립트 기반 오픈 소스 프론트엔드 웹 애플리케이션 프레임워크입니다.

싱글 페이지 애플리케이션 개발에서 발생할 수 있는 문제를 해결하기 위해 만들어졌습니다.

MVVM구조= 모델-뷰-뷰모델 구조를 위한 프레임워크를 제공합니다.

m은 데이터 모델부분, v는 화면을 보여주는 뷰, vm은 뷰에서 발생되는 이벤트 행동을 의미합니다.

 

 

---

highlight.js

신텍스 하일라이터. 코드 3줄이면 페이지 내 코드를 자동으로 인식해서 하일라이팅 해주는 라이브러리.
https://highlightjs.org/

textures.js

SVG 패턴을 생성해주는 d3.js 확장 라이브러리. 데이터 시각화.
http://riccardoscalco.github.io/textures/

krakenjs

express를 위한, 보안 및 확장 가능한 레이어. 페이팔 오픈소스.
http://krakenjs.com/

intract.js

드래그 앤 드롭, 리사이즈 등 여러 제스처를 지원하는 js
http://interactjs.io

Pikaday.js

의존성 없는, 가벼운 datepicker 라이브러리. moment.js를 쓰면 포맷팅도 지원.
https://github.com/dbushell/Pikaday

moment.js

일자/시간 라이브러리. js에 내장된 클래스보다 사용하기 용이.
http://momentjs.com/

intro.js

웹사이트용 튜토리얼 만들기
http://usablica.github.com/intro.js

seriously.js

실시간 노드기반 비디오 이펙트 적용 webGL
http://seriouslyjs.org/

impress.js

CSS3를 이용한 Prezi 구현, 프리젠테이션
https://github.com/bartaz/impress.js

Reveal.js

프리젠테이션
http://lab.hakim.se/reveal-js/

mailcheck.js

이메일 입력 제출 전 오타 검증
https://github.com/mailcheck/mailcheck

spin.js

의존성 없는 로딩 스피너 생성
http://fgnass.github.io/spin.js/

two.js

2차원 그래픽 api 멀티 컨텍스트 지원(svg, canvas, webgl)
http://jonobr1.github.io/two.js/

fartscroll.js

스크롤 할 때 방귀 소리(…)
http://theonion.github.io/fartscroll.js/

list.js

바닐라 엔진
http://listjs.com/

Ratchet

모바일 앱을 위한 프레임워크
http://goratchet.com/

InstantClick

클릭 속도 향상
http://instantclick.io/

deck.js

프리젠테이션
http://imakewebthings.com/deck.js/

pdf.js

PDF 변환 및 렌더링
http://mozilla.github.io/pdf.js/

oboe.js

JSON 스트리밍
https://github.com/jimhigson/oboe.js

Rainyday.js

비 내린 창문 효과
https://github.com/maroslaw/rainyday.js

Chart.js

차트 그래프 생성
http://www.chartjs.org?back

verlet.js

verlet 구현 2d 물리 엔진
http://subprotocol.com/verlet-js/

twss.js

문장이 That’s what she said에 해당하는지 확인해주는 모듈
https://github.com/DanielRapp/twss.js

alertify.js

브라우저 기본 alert, confirm 등을 대체하는 라이브러리
http://fabien-d.github.io/alertify.js/

pickadate.js

경량 데이터피커 datapicker UI
http://amsul.ca/pickadate.js/

oj.js

객체 기반 웹사이트 만드는 라이브러리
http://ojjs.org/

dropzone.js

드래그 앤 드롭 파일 업로드 구현
http://www.dropzonejs.com/

numeral.js

숫자 및 단위 처리
http://numeraljs.com/

[출처] JavaScript 라이브러리 모음 (이리온나) |작성자 이리온나