차곡차곡

오늘 한 것 모바일 ver 해야 할 것 페이지네이션 (+ 비로그인 유저 로그인 유도) 모달 위치 및 스크롤 자동 로그아웃 (만료돼서 유효한 토큰 아닐 시 에러 코드 뭔지?) 비밀번호 재설정 참고 미디어 쿼리 https://mol-gga.tistory.com/14

오늘 한 것 비밀번호 찾기 모달 → 디자인 수정 및 백 통신 확인 필요

오늘 한 것 비로그인 상태에서 내가 쓴 글 선택 시 로그인 모달 뜨도록 구글 로그인 ing ... (구글 로그인 후 받은 코드를 백에 전달했을 때, 백에서 그 코드로 access token, id 등등을 받아야 하는데 안 됨) → 구현 완 !! 확인만 하면 될 듯 번역 모달 ing ... (번역, 모달 생성 다 되는데 위치 조절이 안 됨 ㅠ) 로그인 시 이름, 이메일 input 없이 구독 버튼만 뜨도록 회원가입, 로그인, 이름 및 닉네임 설정(첫 구글 로그인 시) 모달 validation 회원가입 api 연결 마이페이지 - 내가 쓴 문장, 좋아요 누른 문장 (에러들 수정 해야 함🚨) 해야 할 것 페이지네이션 완성 작성한 문장 수정 번역 모달 위치 수정 로그인 유도 → 페이지네이션 클릭 회원가입 api 확..

오늘 한 것 좋아요 기능 (비로그인 유저 좋아요 X → 예외처리) 구글 로그인 구현 ing ... (클라이언트에서 로그인 하는 것까진 되는데, 로그인하고 콘솔에 응답 값을 찍었을 때 백으로 전달해야 하는 값들이 없다.) 페이지네이션 ing ... (5번 클릭했을 때 바로 6번으로 넘어가는 현상 발생🚨) 최초 로그인 시 구독 신청 모달 뜨도록 해야 할 것 페이지네이션 완성 작성한 문장 수정 번역 로그인 유도 → 좋아요 클릭, 페이지네이션 클릭, 내가 쓴 문장 클릭 로그인 시 구독 버튼만 뜨도록 회원가입 비밀번호 변경 비밀번호 재설정 듣기 마이페이지 메일 템플릿 참고 http 상태 코드 정리 https://pingfanzhilu.tistory.com/entry/HTTP-HTTP-%EC%83%81%ED%83%..

오늘 한 것 로그인, 로그아웃 api 연결 → 시간 지나서 자동으로 로그아웃 풀렸을 때 프론트도 반영이 돼야 하는데 안 됨. 수정 필요 !!! 작문 post api 연결 해야 할 것 페이지네이션 페이지 번호 5개씩 나오도록 비로그인 유저 좋아요 X → 예외처리 필요 작성한 문장 수정 번역 로그인 유도 → 좋아요 클릭, 페이지네이션 클릭, 내가 쓴 문장 클릭 로그인 시 구독 버튼만 뜨도록 참고 react jwt-decode 사용 https://www.npmjs.com/package/jwt-decode

오늘 한 것 오늘의 구문, 작성한 문장 리스트 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