일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- NextJs
- useEffect
- react-hook-form
- 모던자바스크립트
- CSR
- Firebase
- SSR
- 클래스
- key
- reactquery
- 리액트
- ErrorBoundary
- Database
- lazy()
- useLayoutEffect
- 리액트훅
- 초기마운트
- msw
- next-cookies
- express
- react-hook
- docker
- react
- 리액트 훅
- Today
- Total
목록Firebase (2)
한우의 개발일기

Firebase Firestore에서 서브컬렉션 구조로 데이터 모델링 개선하기들어가며이전 글에서 express로 서버를 따로 연후 파이어베이스와 연동하는 작업을 진행 하였습니다.데이터베이스 설계는 애플리케이션의 성능과 확장성에 중요한 영향을 미친다는걸 알고는 있었지만 프론트엔드로써 직접 설계를 해본적은 한번도 없었다. 이번 작업 이후로 정말 데이터베이스 설계 또한 어플리케이션의 성능과 확장성에서 매우매우 중요하다는걸 느꼈다... ㅜ일단 서브컬렉션이란?Firebase Firestore에서 특별히 사용하는 개념입니다. 일반적인 데이터베이스 용어라기보다는 Firestore의 계층적 데이터 구조를 설명하기 위한 Firebase 전용 용어입니다. 일반 DB로 따지자면 아무래도*계층적 데이터 구조(Hierarchi..

Next.js와 Express 서버 분리하기: 더 나은 아키텍처를 위한 여정안녕하세요! 오늘은 제가 개발한 DevStudy Mate 프로젝트에서 기존에 Next.js에 통합되어 있던 서버 기능을 별도의 Express 서버로 분리하게 된 이유와 과정을 공유하려고 합니다.Express란 무엇인가?Express는 Node.js 환경에서 실행되는 웹 애플리케이션 프레임워크입니다. 미니멀하고 유연한 특성을 가지고 있어, 웹 애플리케이션과 API를 개발하기 위한 강력한 기능을 제공합니다. Node.js의 http 모듈 위에 구축되어 있으며, 라우팅, 미들웨어 구성, 템플릿 엔진 통합 등 웹 서버 개발에 필요한 다양한 기능을 쉽게 사용할 수 있게 해줍니다.서버 분리의 필요성1. Next.js API 라우트의 타임아웃..