whyyouarebroke

회원가입 성공 시 useNavigate 사용으로 메인화면으로 이동 중 오류 나타남링크텍스트함수형 컴포넌트가 아닌 함수 안에서 React Hook을 사용해서 발생한 문제. 함수를 사용하는 상위 컴포넌트에서 useNavigate 훅을 선언하고, 이를 함수의 인자로 넘겨주는

firebase.tsx 파일에 다음을 추가authContext.tsxauthProvider.tsxMain.tsx 최상단 파일에서 Provider로 감싸줌App.tsx에서 이렇게 사용

상품 등록(이미지 업로드), 수정, 조회, 삭제 기능 구현

상품 목록에 무한 스크롤을 적용해보았다. @tanstack/react-query(react-query의 최신 버전)의 useInfiniteQuery과 react-intersection-observer를 사용했다. react-intersection-observer는 브

기본(Desktop) 으로 기능을 구현하고 반응형 디자인을 구현하고 있는데 모바일 화면에서 상품 등록의 이미지 추가 시 이미지 추가가 되지 않는 문제를 발견했다.상품 등록과 관련된 부분을 한참 살펴봤지만 문제는 다른 곳에 있었다. (그래.. 애초에 말이 안되거든..)애

페이지네이션 무한스크롤링 오류해결 (계속 똑같은 데이터가 불러와지는 문제, 계~속 불러와지는 문제 ) -> createdAt을 startWith로 넣어서 사용함모바일 화면 구현하려다가 모바일화면 상품등록에서 이미지 등록 안되는 문제 발견\-> 인풋에 사진을 넣으면 사진

.

promise.all 사용법 진짜 공부해야겠다. 오늘 해결 안됐던 문제 중에 알고보니 Promise.all 사용했어야 하는 문제들이 많았다.

원래는 Basket Provider를 통해 장바구니 상태를 관리했었다. 그 전까진 다 됐는데 DB에 등록된 주문 정보와 사용자 정보를 가져와서 주문 조회에 보여주려고 하니까 user의 uid를 가져와야 했다. 그런데 처음 provider로 감싸진 모습이 이랬기 때문에

클라이언트 배포하기(AWS S3 + Github Actions)

.

.

Firebase Console에서 새 프로젝트를 만들고 세팅이 다 완료되었는 줄 알았는데 다음과 같은 에러를 만났다. 처음에 당황했지만 이전 프로젝트를 만들 때도 발생했던 오류라 다행히 쉽게 해결할 수 있었다. 문제 해당 오류는 상품 수정 시 이전 이미지를 불러오는

작년에 진행했던 whyyouarebroke 프로젝트를 배포해놨던 AWS 프리티어 계정이 만료되면서, 정확히 일년 만에 새로운 프리티어 계정을 생성해 새로 배포를 진행하게 되었다. 과거의 나에게 감사하는 마음을 가지고 작년에 남겨놨던 내 벨로그 글을 참고하면서 순조롭게