HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🍭
프로그래머스 데브코스 기동팀 스크럼!
/
기동_2팀
기동_2팀
/
❓
사용자 클릭을 기억하여 해당 요소 스포트라이팅하기
❓

사용자 클릭을 기억하여 해당 요소 스포트라이팅하기

담당자
날짜
Oct 27, 2021
상태
완료
속성
💻 Task
🚨 Issue
속성 1
사용자가 NavChannel 중 하나의 question을 클릭했을 경우 해당 Question에 맞는 NavChannel 요소를 style로 보여주기 위함.
 
ref를 사용하여 반복문으로 각 Channel의 id를 부여함 사용자가 무엇을 클릭했는지 상태를 갖도록 하여 해결 중....
 

해결!

useState 를 이용해 selector라는 상태와 setter를 갖도록 만들어주고
클릭했을때 해당 a 태그의 id와 일치하지 않는 경우 상태를 변경해줌
상태를 체크는 핸들러 함수를 하나 만들어서 a 태그의 id값과 현재 selector의 상태 값을 비교하여 불린 데이터를 반환하고 이를 삼항 연산자를 통해 a 태그에 active 클래스를 부여하는 방식으로 해결 함!!