항해 99 - 2022.03.03.THU(라디오 버튼)

이번 챕터 일정

• 02/26 기획 회의 ✅
• 02/28 알고리즘 스터디 발제 ✅
• 03/01 1차 기획멘토링 ✅
• 03/05 1차 기술 멘토링
• 03/09 2차 기획멘토링
• 03/16 3차 기획 멘토링
• 03/19 중간 점검
• 04/09 최종 발표회 

오늘 내가 할 일 

• 메인 페이지 기능들 러프 초안 잡기 (아직 api가 없엉)
  • 방 전체 값 가져오기 ✅
  • 인기방 순위별로 가져오기
  • 방 생성하기(모달) ✅
  • 비회원으로 진입 가능 ✅
  • 검색 기넝 ✅
  • 입장 가능한 방만 보기 ✅
• 알고리즘 문제정리 (월~목 5문제)

일단 오늘은 새벽까지 달려야 하니까 정신 차리자!!!
이틀 정도 그래도 편하게 자고 체력관리는 적당히 잘했다고 생각한다!!!
가보자고~
이렇게 아침에 다짐해놓고 할 거 하고 12시도 안돼서 침대로 도망갔다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ어이없어~ ^^
알고리즘 문제는 정말 정리만 해놓고 해설은 하나도 안 달아놨어 하하 
오늘은 그래도 라디오 박스 해결해서 너무 좋다 중복체크하는 부분도 해결하고 
값  가져오는 것도 어렵지 않게 해결 봤다 ㅎㅅㅎ 호호 

---

라디오 버튼이 중복 체크되지 않게 하기 위해서는 name을 통일시켜주면 된다!!

<input type="radio" name="1" value="possible" />입장가능한 방만 보기
<input type="radio" name="1" value="" /> 모든 방만 보기

 

라디오 버튼으로 체크된 값을 가져오기 위해선 onchange를 사용하면 된다!

 const [possible, setPossible] =useState("")

<div onChange={(e)=>{setPossible(e.target.value)}}>
  <input type="radio" name="1" value="possible" />입장가능한 방만 보기
  <input type="radio" name="1" value="" /> 모든 방만 보기
</div>