[FE 기술스택 이해하기]
기술 스택
- 기술 스택을 알아야 아키텍쳐를 설계하고, 의사결정을 빠르게 내릴 수 있다
- 기술 스택 이해도
- 빠른 의사결정 능력
- 아키텍쳐에 대한 이해
HTML/CSS
- 웹의 기본 뼈대(HTML), 스타일(CSS), 동작(JS)을 만드는 기본 기술
- 이 3가지가 UXUI의기반이다
React
- 컴포넌트 기반 UI 라이브러리
- 생태계가 크고 유지보수 용이
- 빠른 화면 변경이 많은 서비스에 적합하다
- 스타트업.글로벌에서 가장 보편적
Next.js
- React 기반 풀스택 프레임워크
- SEO와 SSR에 강함
- 검색 노출이 필요한 서비스, 속도와 초기 로딩 최적화가 중요한 서비스에 적합하다
[BE 기술스택 이해하기]
Node.js
- 자바스크립트 기반 서버 런타임
- 프론트/백엔드 동일한 엉어인 JS 사용
- 빠른 개발, 실시간 기능 구현할 때 강함 (ex. 채팅/알림)
- 스타트업에서 MVP 개발 시 선호
Python (Django/Flask/FastAPI)
- 생산성이 높고 데이터 처리에 강하다
- 데이터분석/AI 서비스와 붙일 때 유리하다
- Flask/Fast API는 가볍고 빠르다
- Django는 대규모 서비스에 안정적이다
Java (Spring Boot)
- 금융 및 대기업 서비스에서 많이 쓰이는 프레임워크
- 안정성과 확장성에 강점이 있다
- 트래픽이 크고 안정성이 중요한 서비스에 적합하다
[DB 관련 스택 이해하기]
MySQL / MariaDB
- 전통적인 관계형 DB
- 안정적이고 무료/저렴
- 중 or 소규모 서비스가 주로 선택한다
PostgreSQL
- 오픈소스 RDBMS
- JSON 처리 가능
- 안정성이 높다
- 데이터 무결성이 중요하거나 복잡한 쿼리가 필요한 서비스일 때 쓰면 좋다
MongoDB
- 문서 기반 NoSQL DB
- 유연한 데이터 구조가 필요할 때 쓰인다 (ex. SNS)
우리 서비스의 아키텍쳐는?
반응형