# -HTML

4개의 포스트
post-thumbnail

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

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

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

React로 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

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

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

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

Velog <details> : 접기/펼치기 만들기

"한번 더 눌러봐 내가 없어져볼게. 얍!"마크다운이 오래된 문법이다 보니? (2004년 3월 19일 발표)접기/펼치기 기능이 만들어지지 않았다는게 정론. Html5에서 해당 기능을 위한 &lt;detail> 태그가 추가되었다. (2014년 10월 28일 발표)sum

2022년 6월 11일
·
1개의 댓글
·