[osod] 2023년 2월 26일 일요일

오늘 한 것

• 모달 완성 🥹🥹
• api 연결 중 → 커스텀 훅을 만들어서 데이터를 받게 하고 있는데, useEffect나 asynce, await 함수 안에 커스텀훅을 사용할 수 없어서 비동기 처리가 까다롭다. 오늘의 구문에서 받은 id 값을 작성된 문장들을 불러오는 api 요청에 필요하기 때문에 ,,, 오늘의 구문은 처음 한 번만 요청되면 되는데 작성된 문장들을 정렬하는 버튼을 누를 때도 요청된다. 어떻게 하면 효율적으로 짤 수 있을지 고민 중 🤔

 

해야 할 것

• 구글 회원가입 시 닉네임 설정 모달
• api 연결
• input validation
• 모바일 ver

 

참고

• 모달 바깥 여백 클릭 시 닫기 → Backdrop 참고 !!
  https://jeewonscript.tistory.com/25
• 모달 오픈 시 배경 스크롤 방지

document.body.style.overflow = "hidden";
// 모달 생성 함수에 추가

document.body.style.overflow = "unset";
// 모달 삭제 함수에 추가