[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 8일차 기록

 

 

오늘의 학습

• 체크박스 컴포넌트 만들기
  • 두 가지 방법 : 1. label태그로 input태그 감싸기 2. input태그와 label태그 따로 쓰기
  • label태그의 글자 클릭해도 체크박스가 동작하게 하는 방법 : input태그의 id속성값과 label태그의 for(리액트: htmlFor)값이 같으면 함께 동작함
  • (테일윈드) appearence-none : <input type="checkbox"/>의 기본 디자인 제거
• 조건부 랜더링
• 반복 랜더링