사진 클릭시 모달창 실행

모달창 기능 구현은 팀프로젝트에서 한번 해본 경험이 있다. useState값을 불리언(Boolean) 타입으로 설정하는 것이 중요하다

const [showReq, setShowReq] = useState<boolean>(false);

const openReq = () => {
      setShowReq(!showReq);
  }

  const closeReq = () => {
      setShowReq(!showReq);
  }

onClick 이벤트를 통하여 사진을 클릭시에 함수를 호출하고 상태값을 true로 바꿔주는 형식을 취하였다. modal창 구현은 앞으로도 사용할 일이 많기 때문에 제대로 다시한번 공부를 해야 할 것 같다.