20240326 TIL #64

[1] 최종 프로젝트 기술 스택

❓ 기술 스택 선정과 그 이유

 

React.js

: 우리 React 4기인데요…

 

 Next.js

1. 다양한 렌더링 방식(SSG, ISR, SSR, CSR)을 최대한 활용하여 빠르고 효율적인 화면 전환을 구성할 수 있
2. App Routing을 통해 간편하고 직관적으로 routing을 할 수 있음
3. 컴포넌트의 자체 이미지 최적화 기능을 활용할 수 있음

TypeScript

1. 컴파일 타임에 타입 에러를 잡아낼 수 있기 때문에 개발 시간을 더욱 효율적으로 관리할 수 있음
2. 타입을 지정하여 좀 더 안전하고 효과적인 기능 구현을 할 수 있음

Tailwind CSS

: 동적인 CSS를 구현할 수 있음

NextUI

: 디자인 시스템 사용을 통해 UI 제작에 대한 시간을 단축하고 기능 구현에 더 시간을 투자할 수 있음

: 원장님이 강력 추천하심

Yarn

: npm을 사용하는 것보다 가볍고 빠르게 실행됨

Zustand

: Store에 action과 reducer를 모두 작성하는 간결한 보일러플레이트를 통해 Redux보다 더욱 쉽게 학습하고 간편하게 전역 상태를 관리할 수 있음

Tanstack-Query

1. 서버와의 비동기 통신을 효율적으로 수행할 수 있음
2. isLoading, isError 등의 변수를 별도의 구현 절차 없이 사용할 수 있어 편리함

Supabase

1. DB에 접근 가능한 할당량과 횟수가 Firebase에 비해 압도적으로 좋음
2. SQL 문과 유사한 문법을 사용하여 더욱 편리하게 구현이 가능함
3. 사용방법에 대한 설명이 자세히 나와있음
4. Middleware, SMTP 등을 사용하여 효율적으로 인증/인가를 구현할 수 있음