카카오톡 로그인이 안된다는 피드백이 있었는데 원인을 못 찾고 있었다. 카카오톡 로그인 동의를 할 때 이메일을 선택값으로 받고 있었는데 이메일이 있어야 access 와 refresh token이 발급되기 때문에 필수값이어야 했다. kakao developers 에서 이메일을 필수값으로 바꾸니 정상적으로 로그인이 됐다. 중복 확인 버튼을 눌렀을 때 유효한 닉네임이면 닉네임 변경 버튼을 누르지 않았는데 바로 닉네임이 변경되는 문제가 있었다. form 태그 안에서는 버튼 하나만 눌러도 다른 버튼들에 걸린 함수들이 전부 실행됐기 때문이다. 모든 버튼의 핸들러 함수에 event.preventDefault(); 를 해야 한다! 닉네임을 입력한 뒤 중복 확인 버튼을 누르지 않고 바로 닉네임 변경을 누르면 '닉네임 중복..
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..
favicon 적용 1280 X 720 UI 작업 폭풍 커밋... https://www.howdy-mj.me/css/styled-components-with-global-style Styled Components를 Global에서 사용하기(w/반응형) _해당 글은 React를 기준으로 작성되었습니다._ ## Styled Components란? Styled Components는 CSS-in-JS의 하나로, CSS를 하나의 컴포넌트로 만들어 주는 것이다. **Styled Components 설치** ```she... www.howdy-mj.me
치과 -> 운동 -> 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..
중간발표는 끝났고 내일부터는 추가 scope 커뮤니티 기능 구현과 자잘한 오류들 해결, UI 수정 등을 진행할 예정이다. 저번주에 MVP 가 생각보다 빨리 끝나서 생각보다는 여유가 있었지만 중간에 몸이 안 좋아서 신경 쓰지 못했던 부분들이 있었고 그 때문에 제대로 피드백을 받지 못한 게 아닐까 아쉬웠다. 잠을 좀 더 줄이고 몇 시간만 더 했더라면 괜찮았을 텐데 후회가 되면서도 그 당시에는 최선이었지 않을까 복잡한 기분이 들었었다. 초심을 많이 잃어버린 것 같다. 꺾이지 않는 마음이 중요하다고 하는데 이미 몇 번 꺾였고 부서진 마음을 테이프로 붙여서 모양만 유지해 놓은 것 같다. 당연히 프로젝트 끝까지 매일 최선을 다 하겠지만 열심히 하는 것과 별개로 무언가 사라진 것 같다. 최고의 팀원들을 만나서 귀엽고..