무한스크롤 코드 자체는 생각보다 간단한데 댓글을 리덕스로 전역으로 관리해서 계속 에러가 났다. 스토어에서 관리하지 않고 컴포넌트 자체에서 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 가 생각보다 빨리 끝나서 생각보다는 여유가 있었지만 중간에 몸이 안 좋아서 신경 쓰지 못했던 부분들이 있었고 그 때문에 제대로 피드백을 받지 못한 게 아닐까 아쉬웠다. 잠을 좀 더 줄이고 몇 시간만 더 했더라면 괜찮았을 텐데 후회가 되면서도 그 당시에는 최선이었지 않을까 복잡한 기분이 들었었다. 초심을 많이 잃어버린 것 같다. 꺾이지 않는 마음이 중요하다고 하는데 이미 몇 번 꺾였고 부서진 마음을 테이프로 붙여서 모양만 유지해 놓은 것 같다. 당연히 프로젝트 끝까지 매일 최선을 다 하겠지만 열심히 하는 것과 별개로 무언가 사라진 것 같다. 최고의 팀원들을 만나서 귀엽고..
중간발표회 끝 후련하면서 기분이 이상하다. 피드백 - CloudFront 로 배포 진행하셨는데, 번들링 된 결과 파일들의 캐싱에 의해 이전 버전이 여전히 운영존에서 서비스되는 문제점을 어떻게 해결하셨는지 구글링을 통해 문제를 해결하려고 했지만, 결국 해답을 찾지 못 해서 CloudFront가 아니라 EC2로 프론트 서버를 배포했습니다. CloudFront에 대해서는 추후 더 알아봐서 정확한 사용법을 알아볼 예정입니다. 배포할 때 npx 명령어를 사용해서 코드 경량화를 제안드립니다. npx의 경우 한 번만 실행시킬 서버를 다운로드 하는 것이고, serve라는 웹서버를 다운받아서 실행 시킬 때, build라는 놈을 root로 하겠다는 의미입니다. 리액트 전체를 다 서버로 돌리는 것이 아니라 build를 통해..