react checkbox (1) 썸네일형 리스트형 [React] 간단한 tab(탭) 만들기 (feat. checkbox 추가) 📌 들어가며간단한 tab (탭) 입니다.탭, checkbox(체크박스) 선택 시 해당 내용 노출 기능이 구현되어 있습니다.구현하면서 알게된 것들을 정리했습니다. 📌 구조 작성해보기1. 제공하려는 데이터 작성2. 제공된 데이터 title, nickName, communityCategoryCd 값 가져오기3. 2에서 가져온 값 화면에 뿌려주기4. 각각의 tab 버튼 클릭 시, 해당 내용 보여주기 (이때, tab 버튼 이름과 communityCategoryCd 를 비교해서 같은 것만 보여주기)4-1. 선택한 버튼의 현재 상태의 값을 useState 활용해서 저장4-2. 현재 선택된 버튼과 communityCategoryCd 비교해서 tab 내용 뿌려주기4-3. 버튼 클릭 시, 활성화되는 css 추.. 이전 1 다음