나의 개발일지

그동안 여러 프로젝트를 진행해왔지만, 백엔드와 직접적으로 프로젝트를 진행해보기는 처음이다. 백엔드 2명, 프론트엔드 1명으로 프로젝트를 진행했다. 나홀로 프론트엔드를 진행해야 했던만큼 해야하는 양은 많다고 느껴졌지만, 그래도 이것저것 다 해볼수 있겠다싶어서 너무 즐거웠

Next.js의 데이터패칭 방식 getStaticProps, getStaticPath, getServerSideProps은 언제 사용하는가? 요약하자면? > - Next.js의 데이터 패칭 방식은 getStaticProps, getStaticPath 와 getSer

Firebase란 💡웹사이트를 통해 제공해주는 백엔드 서비스로 실시간에 기반을 두고 있다.서버 대신 만들어주는 서비스이다. 대표적인 기능으로 인증, 데이터베이스, 스토리지, 원격 구성, 푸시 알람, 실시간등이 있다.firebase를 이요하면오랜시간을 들여서 백엔드를

category 필드의 경우 map타입을 적용하여, 하위 필드를 구성카테고리 선택에 따라서, 데이터를 가져와야 했기 때문에 나눴어야 했다. 이렇게 selectedProducts 를 요청하도록 할 때는, 카테고리에 맞는 스트링을 보내주면서 데이터를 가져오도록 구성 이렇

1. Firebase Authentication 1.1. firebase 초기세팅 📍 clientApp.ts firebase에서 필요한 것들로만 가져와서 clientCredentials로 initialize한 firebase를 변수(initFirebase)에 할당

localStorage를 통해 칸반의 추가, 삭제, 업데이트, 드래그, 드랍을 하고자 변경감지될 때마다 localStorage에서 꺼내고 빼서 쓸 수 있는 Hook이 필요했다. 초기에 구현했던 useLocalStorage 값 읽기 초기의 state값으로 local