refresh token 구현 토큰 만료 전에 재발급 요청을 보내는 것이 핵심이었다. https://velog.io/@flowersayo/React-Refresh-Token-%EC%9D%84-%EC%9D%B4%EC%9A%A9%ED%95%9C-%ED%86%A0%ED%81%B0-%EC%9E%90%EB%8F%99-%EA%B0%B1%EC%8B%A0 [React] Refresh Token 을 이용한 토큰 자동 갱신 Refresh Token 보통 로그인 시스템을 구현할때에는 보안을 위하여 accessToken 의 만료시간을 짧게 하고, refreshToken 도 함께 발급하여 accessToken 이 탈취되더라도 금방 만료되게 하여(시간이 짧으면 털어 velog.io https://velog.io/@turret12..
나몰닭 배포 너무 정신이 없었나 보다 TIL을 써야지 하고 잠들었던 날인 듯
무한스크롤 코드 자체는 생각보다 간단한데 댓글을 리덕스로 전역으로 관리해서 계속 에러가 났다. 스토어에서 관리하지 않고 컴포넌트 자체에서 api 를 요청해서 사용하는 방법을 시도 중... https://velog.io/@ahn-sujin/ReactIntersection-Observer-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%EB%AC%B4%ED%95%9C%EC%8A%A4%ED%81%AC%EB%A1%A4-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 [React]Intersection Observer 사용하여 무한스크롤 구현하기 무한 스크롤...? 어렵지 않아요😅 velog.io https://kyounghwan01.github.io/blog/React/in..
치과 -> 운동 -> UI 작업 카페라떼 한 잔으로 밤을 샜다.
아니 왜 벌써 새벽 2시지?! 오늘 한 일? 타이머 UI 적용다자이너님이랑 회의 - 1920 1080 크기로 이야기하고 있었는데 디자이너님은 이 크기로는 레이아웃이 끝나고 1280 720 크기로 레이아웃을 적용하고 있다고 생각하셨다고 한다. 정말 소통의 중요성을 계속 느끼게 된다. 운동 댓글 작성 post api 에러 같이 해결 게임시작 버튼 사라지고 타이머 생기는 로직 수정 카메라가 켜졌는데 하얀 화면으로 보이는 에러 -> 입장 시 방장에게 별 보이게 하는 로직 때문이었다 다같이 에러 해결하려고 테스트를 하니 시간이 훅 가버렸다. refresh token 공부 중 url 들 env 처리도 해야하는데... 한 번에 하나씩 하자😭 https://5xjin.github.io/blog/react_jwt_rou..
오늘 To do 전체 [ ] 피그마 디자인에 맞게 UI 디테일 수정 [ ] 에스코어드림 서체 자간 적용 회원가입 페이지 회원가입 유효성검사 토스트 팝업 동시에 뜨는 오류 해결 → HelpText 디자인 변경으로 랜딩 페이지 게임룰 ↔ 로그인 / 게임 하러가기 위치 변경 게임방 페이지 키워드, 닉네임 마포배낭여행 폰트 적용 게임방 gameroom 리다이렉트 스포트라이트 색상 변경 추가 작업 커뮤니티 페이지 커뮤니티 페이지 UI - 1순위 [ ] post page UI [ ] modify post page UI 잘못된 경로 리다이렉트 설정 모달 [ ] 설정 모달 전체 UI [ ] 설정 - 로그아웃 UI [ ] 설정 - 회원탈퇴 UI Refresh Token 작업 [ ] 프론트에서 구현해야하는 Refresh ..
도대체 왜 가만히 있는 다른 input 에러 메시지를 보여주는 걸까?ㅜㅠㅠㅠㅠ 처음 렌더링될 때 undefined 인 비밀번호 input 값을 읽고 에러 메시지를 뱉는 것 같은데 온갖 방법을 다 써봐도 모르겠다... https://react-hook-form.com/api/useform/clearerrors useForm - ClearErrors Performant, flexible and extensible forms with easy-to-use validation. react-hook-form.com https://velog.io/@jamieecode/react-hook-form-yup%EC%9C%BC%EB%A1%9C-%ED%8F%BC-%EB%A7%8C%EB%93%A4%EA%B8%B0 react-h..
중간발표회 끝 후련하면서 기분이 이상하다. 피드백 - CloudFront 로 배포 진행하셨는데, 번들링 된 결과 파일들의 캐싱에 의해 이전 버전이 여전히 운영존에서 서비스되는 문제점을 어떻게 해결하셨는지 구글링을 통해 문제를 해결하려고 했지만, 결국 해답을 찾지 못 해서 CloudFront가 아니라 EC2로 프론트 서버를 배포했습니다. CloudFront에 대해서는 추후 더 알아봐서 정확한 사용법을 알아볼 예정입니다. 배포할 때 npx 명령어를 사용해서 코드 경량화를 제안드립니다. npx의 경우 한 번만 실행시킬 서버를 다운로드 하는 것이고, serve라는 웹서버를 다운받아서 실행 시킬 때, build라는 놈을 root로 하겠다는 의미입니다. 리액트 전체를 다 서버로 돌리는 것이 아니라 build를 통해..
나몰닭 UI 완료...?