차곡차곡

오늘 한 것 오늘의 구문, 작성한 문장 리스트 api 연결 (모듈화 실패 ,, 일단 다 개발하고 리팩토링 해야겠다) 비동기 처리땜에 살짝 골치 아플 뻔 했다. 작성된 문장 리스트를 불러올 때 오늘의 구문에서 받은 id 값이 필요한데, id 값을 저장하기 전에 문장 리스트 데이터를 요청해서 계속 404 에러가 났다. 데이터를 요청하는 함수에 if문을 추가해서 id 값이 저장돼 있을 경우에 데이터를 요청하도록 했고, useEffect 의존성 배열에 오늘의 구문을 저장하는 변수를 추가해서 오늘의 구문이 저장됐을 때 함수를 다시 호출하도록 했다. 해야 할 것 페이지네이션 → 페이지 6개 이상인 경우 구현 백 → 0번 유저 닉네임 추가, 오늘의 구문 출처 추가, 작성된 문장 몇 개인지 (오늘 하루 25개의 영작문..

오늘 한 것 모달 완성 🥹🥹 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 어떻게 할지 디자이너분께 여쭤보기