Daehwan2

I am an amazing person.😎

최대 1 분 소요

Carousel UI

  • Carousel UI가 어떻게 동작하는가?

    이미지 네개가 있을 때의 Carousel UI의 예를 보겠다.

    carousel1

    carousel2

    carousel3

    carousel4

    파란색 테두리만 있는 것이 실제로 보이는 영역이고 빨간색 박스들은 이미지들이다. 이미지들은 리스트형태로 정렬되어있다.

    파란색 테두리는 overflow:hidden을 사용하여 나타낼 수 있다. 그리고 이미지들의 리스트가 transform:translateX()로 인하여 움직이게 되면서 이미지들이 차례대로 보여질 수 있게된다. 웬만한 Carousel UI 라이브러리들은 이러한 원리를 가지고 만들어졌다.

## tiny-slider.js 을 사용하자 아직 미완성..

태그:

카테고리:

업데이트:

댓글남기기

참고

객체 변경 방지

2 분 소요

Object.isExtensible 메서드: 확장이 가능한 객체인지 알아보는 메서드.

생성자 함수

최대 1 분 소요

생성자 함수의 인스턴스 생성 과정 생성자 함수의 역할은 프로퍼티 구조가 동일한 인스턴스를 생성하기 위한 템플릿(클래스)으로서 동작하여 인스턴스를 생성하는 것과 생성된 인스턴스를 초기화(인스턴스 프로퍼티 추가 및 초기값 할당)하는 것이다.

프로퍼티 어트리뷰트

2 분 소요

내부 슬롯 : 자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 의사 프로퍼티(pseudo property)