공통 컴포넌트

[공통 컴포넌트,css] select - defaultValue 빈값으로 설정

const DefaultSelect = ({ text = "기본 Select", typeClassName = "", sizeClassName = "", isEdit = true, isNew = false, ...props }) => { return ( {isNew && } // 새로 만드는 경우에만 빈 값 옵션을 넣었다. {props.options?.map((option: { value: string; name: string }) => ( {option.name} ))} {isEdit && ( )} ); }; export default DefaultSelect; Create 컴포넌트에서 불러올때 isNew={true}로 내려주면 된다.

[공통 컴포넌트,css]글자수 체크하는 Input창, x 초기화 버튼 Input, 테두리 겹치는 부분

글자수 체크하는 Input창 만들기 import { useState } from "react"; const CheckInput = ({ text = "체크 Input", typeClassName = "", sizeClassName = "", ...props }) => { const [length, setLength] = useState(0); const getTextLength = (event) => { setLength(event.target.value.length); // event.target.value의 길이로 설정 if (event.target.value.length >= props.maxLength) { // 자음 하나씩 더 입력돼서 11/10 이렇게 뜨길래 설정함 setLength(props..