차곡차곡

오늘 한 것 모달 완성 🥹🥹 api 연결 중 → 커스텀 훅을 만들어서 데이터를 받게 하고 있는데, useEffect나 asynce, await 함수 안에 커스텀훅을 사용할 수 없어서 비동기 처리가 까다롭다. 오늘의 구문에서 받은 id 값을 작성된 문장들을 불러오는 api 요청에 필요하기 때문에 ,,, 오늘의 구문은 처음 한 번만 요청되면 되는데 작성된 문장들을 정렬하는 버튼을 누를 때도 요청된다. 어떻게 하면 효율적으로 짤 수 있을지 고민 중 🤔 해야 할 것 구글 회원가입 시 닉네임 설정 모달 api 연결 input validation 모바일 ver 참고 모달 바깥 여백 클릭 시 닫기 → Backdrop 참고 !! https://jeewonscript.tistory.com/25 모달 오픈 시 배경 스크롤..

오늘 한 것 바깥 클릭 시 모달이 삭제돼야 하는데 ,, 잘 안 된다 ㅠㅠ 로그인 버튼 클릭하면 모달 삭제 함수가 실행돼서 모달이 안 뜸 ,, ref 삭제해서 일단 모달 뜨게 한 상태에서 바깥 클릭하면 삭제가 되긴 한다 ,, 근데 이제 실행은 안 되는 ,, 휴 해야 할 것 회원가입 모달 화면에서 잘려 보이는 거 모달 여백 클릭 시 닫히도록 그 외 자잘한 모달 입력창 focus > warning 등 모바일 ver 참고 https://reactrouter.com/en/main/hooks/use-outlet-context

오늘 한 것 로그인 모달 회원가입 모달 해야 할 것 구글 로그인 버튼 수정 이용 동의 체크 모양 맥에서 회원가입 모달 잘려서 보임 참고 모달 https://jeewonscript.tistory.com/25

오늘 한 것 내가 쓴 문장 확인 페이지 좋아요 모아보기 페이지 해야 할 것 영어 문장 컴포넌트 - 내가 쓴 문장은 수정 아이콘으로 좋아요 모아보기 페이지 - 내가 쓴 문장은 색칠된 하트로 참고 간격 일정하게 가로 나열 https://blog.naver.com/pjh445/220939837712 // 부모 컴포넌트에 display: flex; justify-content: space-between;

오늘 한 것 구독 신청란 footer 프로필 드랍다운 해야 할 것 바깥 클릭 시 드랍다운 닫기 참고 드랍다운 구현 position: fixed; z-index: 999;

오늘 한 것 문장 리스트 페이지네이션 → 수정 필요 !! 해야 할 것 페이지네이션. 현재 5 누르면 바로 6~10 번호가 나온다. 그리고 6번 클릭 돼 있지 않음. 번호도 10에서 안 끝나고 무한으로 나온다. 참고 px → rem 단위 변환 사이트 https://nekocalc.com/px-to-rem-converter typescript에서 styled-component props 받기 https://thsd-stjd.tistory.com/134 div 오른쪽 정렬 display: flex; justify-content: right;

오늘 한 것 입력창 css 단위 변경 vw, vh → rem 해야 할 것 영작 완료 버튼 hover 어떻게 할지 디자이너분께 여쭤보기

오늘 한 것 헤더 메인 페이지 - 오늘의 문장 해야 할 것 모바일 버전 css ,, 참고 font 적용 https://velog.io/@071yoon/Typescript-React-Styled-Component-환경에서-Font-적용하기 반응형 어케 하는 거냐