리액트디자인패턴1 [리액트] 합성 패턴으로 컴포넌트 만들기 - 1 (인풋) Intro 기획팀 요청으로 선택 버튼이 있는 인풋을 구현한 적이 있다. 요청 사항 - 인풋은 유저가 직접 값을 입력할 수 없음 - 인풋의 값은 선택 버튼 클릭 후 등장하는 드롭다운의 옵션 중 선택 고려 사항 흰색 박스가 input처럼 보이지만, 실제 input 태그는 하늘색으로 표시한 영역이고 흰색 박스는 label과 input을 감싸는 div 태그이다. 공통 컴포넌트 Label, Input, Button을 조합해서 아래처럼 만들었다. import styled from "styled-components"; import Label from "./components/Label/Label"; import Input from "./components/Input/Input"; import Button from ".. 2023. 1. 13. 이전 1 다음
