css 썸네일형 리스트형 리액트 버튼 컴포넌트 만들기 – 재사용 가능한 UI 개발 방법 프론트엔드 개발을 하다 보면 버튼을 자주 사용하게 됩니다. 하지만 단순한 태그만으로는 다양한 디자인과 기능을 제공하기 어렵습니다.특히 재사용 가능한 UI 컴포넌트를 만들려면 크기, 색상, 로딩 상태 등을 고려해야 합니다.이번 글에서는 React 버튼 컴포넌트 만들기를 통해 재사용성을 높이는 방법을 배워보겠습니다.1. 버튼 컴포넌트란?버튼 컴포넌트는 여러 곳에서 공통으로 사용할 수 있도록 설계된 UI 요소입니다.재사용 가능한 버튼을 만들 때 고려해야 할 요소는 다음과 같습니다.✅ 크기 (Size) – 작은 버튼, 중간 버튼, 큰 버튼✅ 색상 (Color) – 주요 색상(Primary), 경고 색상(Danger), 중립 색상(Neutral)✅ 로딩 상태 (Loading) – 클릭 시 로딩 중임을 나타냄✅ .. 더보기 프로젝트 A-2. 포트폴리오 웹페이지 - 코드 리뷰 및 회고(웹 UI 개발) www.boostcourse.org/web344/joinLectures/78637 웹 UI 개발 부스트코스 무료 강의 www.boostcourse.org 매번 CSS와 HTML을 다룰때마다 '이게 왜 배치가 안되지??' 라고 생각하며 어려워했었습니다. 이번 프로젝트를 통해 전반적으로 어떻게 배치해야 하는지 감을 잡은거 같네요. 과제에서 디자인 가이드 파일을 주는데, 이를 토대로 최대한 비슷하게 구현하는게 과제였습니다. 자세한 내용은 수강신청을 하여 보실 수 있습니다. (무료) 리뷰 #1 의견을 봤습니다. 피드백을 해주셨습니다. 그런데 잉, 루브릭이 뭘까요? 루브릭 (Rubric)은 학습자가 과제를 수행할 때 나타내는 반응을 평가하는 기준의 집합이다. 보통 항목별·수준별 표로 구성되며, 표의 각 칸에는 어.. 더보기 이전 1 다음
