목록공용 컴포넌트 (1)

미새문지

24.08.21 day50 공용 컴포넌트 작성 방식

코드를 짜다보면 같은 UI를 가진 컴포넌트를 만들 때가 정말 많은 것 같다.  UI가 같지만 쓰는 페이지도 다르고 해서 처음에는 각 코드에 같은 css와 태그를 쑤셔넣었지만, 컴포넌트를 나누는 걸 익숙하게 느낄 때쯤 같은 코드를 반복하는게 뭔가 효율이 안 좋은 것 같아 공용 컴포넌트를 연습하게 되었다. 주로 UI가 겹치는 부분은 어느 페이지든 보이는 header와 footer, 그리고 로그인이나 회원가입같은 정보를 작성하는 input 태그, 해당 사이트의 컨셉을 가진 색상 div 등이 있는 것 같다.input 태그를 예시로 들어보자import styled from "styled-components";interface CommonInputProps { typeValue: string; placehold..
개발 TIL 2024. 8. 21. 23:45
이전 Prev 1 Next 다음