1. reactbits
리액트 라이브러리다
https://reactbits.dev/text-animations/split-text
2. ANIMATA
animata
Hand-crafted animated components that you can copy and paste into your apps. Free & Open Source.
animata.design
Aceternity UI
Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
ui.aceternity.com
2. 프론트 디자인 언어는 핵심
FE개발자가 알아야하는 UI 디자인 요소 용어
깔쌈하게 소통하는 프엔개발자가 되기 위해!
velog.io
프론트엔드 개발자라면 반드시 알아두어야 할 32가지의 UI 요소 (번역)
원제 : 32 User Interface Elements For UI Designers프론트엔드 개발자는 유저 인터페이스(UI)에 대해 그 어떤 개발자보다 잘 이해하고 숙지해야 합니다. 디자이너와 소통하며 그들을 이해하고, 때론 스스로
velog.io
3. UX 경험 높이기
https://www.beusable.net/blog/?p=1974
UX 히트맵으로 온라인 커머스 카테고리 페이지 분석하기 | 뷰저블
필터 영역, 상품 카드, 이동 경로 분석하기
www.beusable.net
4. 리액트 파일구조
https://ko.legacy.reactjs.org/docs/faq-structure.html
파일 구조 – React
A JavaScript library for building user interfaces
ko.legacy.reactjs.org