Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 코테
- 몽고DB
- JS
- 코딩테스트
- CSS
- js코테
- 포이마웹
- 안드로이드 스튜디오
- 백준골드
- 백준알고리즘
- 리액트커뮤니티
- 백준구현문제
- 다이나믹프로그래밍
- 프로그래머스JS
- JS프로그래머스
- HTML
- 백준nodejs
- 리액트
- 백준
- 백준구현
- 자바스크립트
- 알고리즘
- 프로그래머스
- css기초
- 리액트댓글기능
- 프로그래머스코테
- HTML5
- dp알고리즘
- 백준js
- 익스프레스
Archives
- Today
- Total
목록2025/01/04 (1)
개발새발 로그

📖들어가며..DropDownBox기능을 구현해보려고 한다.해당 기능을 구현하면서의 과정은 아래와 같다. 1. 합성컴포넌트 패턴과 Context API를 이용한 구현2. 합성컴포넌트 패턴에 맞는 HeadLess 컴포넌트로 구현3. HeadLess 컴포넌트와 Custom Hook을 이용한 구현4. HTML select를 이용한 구현5. 보통 DropDown 사용하는 방식 1번부터 기능을 구현하면서 해당 방식의 단점을 개선해가며 기능을 구현해보았다.이렇게 기능을 구현하면서 어떤 기능이 더 적합한지 알아보고, 기록해보려고 한다 ⭐1. 합성컴포넌트 패턴과 Context API를 이용한 구현 1-1. 합성 컴포넌트 패턴으로 설계하기각 DropDownBox를 구현할 때 합성 컴포넌트 패턴을 이용해서 설계하고,..
React
2025. 1. 4. 19:56