# - [CSS]

3개의 포스트
post-thumbnail

Carousel(캐러셀) 만들기 (3) - translateX를 이용한 구현

`margin-left`방식과 `translate` 방식이 유사한데 아무거나 써도 되는 것이 아닐까 생각했지만, translateX는 margin-left와는 달리 디바이스의 GPU에 의해 처리되고, 레이아웃을 재계산하지 않기 때문에 성능 기준에 매우 적합하단다.

2022년 6월 19일
·
0개의 댓글
post-thumbnail

Carousel(캐러셀) 만들기 (2) - margin, width 을 이용한 구현

목 차 1. Carousel(캐러셀) 만들기 (1) - Carousel 이란? 2. ✅ Carousel(캐러셀) 만들기 (2) - margin, width 을 이용한 구현 3. Carousel(캐러셀) 만들기 (3) - Carousel 이란? 1. Structure

2022년 6월 19일
·
0개의 댓글
post-thumbnail

Carousel(캐러셀) 만들기 (1) - Carousel이란?

도입 Netflix ClonCoding 중 캐러셀을 구현해보며 정리했다. Carousel을 구현하는데 여러가지 방법들이 존재했다. 간단하게 구현하는 방법은 다음과 같이 만들어진 라이브러리들을 이용하는 방법이 있겠고, React Material UI Carousel 을

2022년 6월 19일
·
0개의 댓글