# - [REACT]

4개의 포스트
post-thumbnail

[React] DOM Element의 css정보를 가져오기 - (getComputedStyle, useRef)

React로 Netflix 클론코딩 중 한 element의 margin-left css요소의 값을 가져오고 싶었다.다음과 같은 흐름을 통해 값을 가져오는 방법을 알 수 있었다.window.getComputedStyle 을 사용하면 CSS 속성값을 담은 객체를 얻을 수

2022년 6월 26일
·
0개의 댓글
·
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개의 댓글
·