백엔드 & 프론트엔드 기술 스택

백엔드

Language : TypeScript

Library & Framework : NestJS, Express.js

Database : Mysql,erdcloud , DataGrip

ORM : TypeORM

Authentication: passport.js, JWT, 세션

Proxy Sever : Nginx

Language : JavaScript & TypeScript

Library & Framework : React, NextJS

상태관리 : redux

비동기 데이터 패칭 : redux-thunk

CSS디자인 : TailwindCSS

현재 2023년 9월 23일 기준으로 최근 1년간의 프론트엔드에서 가장 인기가 많은 프레임워크들이다.

또한 오른쪽 2021년 StackOverFlow에서 조사한 웹 프레임워크 사용 순위에서 백 프론트 통합으로

압도적 1위인것을 확인할 수 있다.

물론 vue의 사용이 증가 하고 있지만 현재 국내시장에서는 더욱더 리액트 시장이 압도적으로 넓다.

그래서 백엔드 개발만 해왔던 나는 가장 많은 레퍼런스와 많은 사람들이 오랜시간 사용한 리액트를 택하게 되었다.

또한 리액트 기반 프레임워크인 NextJS가 1위로 있었기에 Next를 택하게 되으며

현재 프론트엔드 생태계에서 렌더링 방식이 CSR에서 SSR를 지향 하고 있다.

부가적으로 리액트만 사용하면 라우팅을 위해 각종 라이브러리를 사용해야 하지만

next를 사용하면 폴더/파일 시스템으로 관리를 할수 있으며 slug를 활용한 동적 라우팅기능을 제공하는 점 또한

next를 선택하게 한 이유 였다.

무엇보다 Next를 사용하게된 가장 큰 이유는 우선 SEO 최적화를 할수 있다.

즉, 구글과 같은 검색엔진에서 상위 노출을 시킬수 있다는 것이고 그로 인해 많은 사용자의 유입으로 이어지는 너무 큰 장점이 있다.