웹 개발(리액트)

더미 데이터를 매핑해 커스텀 차트 컴포넌트를 만들어 보았다.

useState나 useRef로 범벅된 코드 말고 FormData API를 사용해 쉽고 간단하게 Form의 입력 값들을 처리하는 방법을 알아봤다.

유효성 변수들의 useState로 범벅된 코드 말고 :invalid 수도 클래스와 pattern 속성을 사용해 쉽고 간단하게 Form의 유효성을 검사하는 방법을 알아봤다.

입력 필드를 다이나믹하게 조절하는 다이나믹 필드를 useState로 관리되는 배열 변수로 만드는 방법을 알아봤다.

스크롤되는 컨텐츠들이 시차를 두고 스크롤되는 parallax scrolling을 perspective와 translateZ를 사용해 구현해보았다. scroll-snap도 함께 구현해보았다.

여러 이미지들이 슬라이드되는 커스텀 이미지 슬라이더를 만들어 보았다.