본문 바로가기
카테고리 없음

[리액트] frontend 공부

by james_janghun 2025. 6. 24.

 

1. reactbits

리액트 라이브러리다

https://reactbits.dev/text-animations/split-text

 

2. ANIMATA

https://animata.design/

 

animata

Hand-crafted animated components that you can copy and paste into your apps. Free & Open Source.

animata.design

 

 

 

3,https://ui.aceternity.com/

 

Aceternity UI

Beautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.

ui.aceternity.com

2. 프론트 디자인 언어는 핵심

https://velog.io/@yujin1228/%ED%98%91%EC%97%85Skill-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%9A%A9%EC%96%B4-%EC%95%8C%EC%95%84%EB%91%90%EA%B8%B0

 

FE개발자가 알아야하는 UI 디자인 요소 용어

깔쌈하게 소통하는 프엔개발자가 되기 위해!

velog.io

 

https://velog.io/@oneook/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-%EC%95%8C%EC%95%84%EB%91%90%EC%96%B4%EC%95%BC-%ED%95%A0-32%EA%B0%80%EC%A7%80%EC%9D%98-UI-%EC%9A%94%EC%86%8C-%EB%B2%88%EC%97%AD

 

프론트엔드 개발자라면 반드시 알아두어야 할 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