웹 애플리케이션 주요 기술

기술 관계도

1. Frontend (프론트엔드)

사용자가 직접 보는 UI(User Interface)를 담당하는 영역

기술설명
ReactFacebook이 개발한 프론트엔드 라이브러리, 컴포넌트 기반 UI 설계
Vue.js쉽고 가벼운 프레임워크, 직관적인 데이터 바인딩 제공
AngularGoogle이 개발한 대규모 애플리케이션을 위한 프레임워크

2. Backend (백엔드)

데이터 처리 및 비즈니스 로직을 담당하는 영역

기술설명
Node.jsJavaScript 기반 백엔드 환경, 비동기 처리에 강함
DjangoPython 기반 프레임워크, 빠른 개발과 보안성이 강점
Spring BootJava 기반, 엔터프라이즈 웹 애플리케이션에 적합

3. Database (데이터베이스)

데이터를 저장, 관리, 조회하는 역할

기술설명
MySQL가장 많이 사용되는 관계형 데이터베이스(RDBMS)
PostgreSQL오픈소스 RDBMS, 강력한 확장성과 안정성 제공
MongoDBNoSQL 문서형 데이터베이스, 유연한 데이터 저장 가능

4. DevOps (데브옵스)

배포, 운영, 서버 관리 자동화를 담당하는 영역

기술설명
Docker컨테이너 기반 애플리케이션 실행 환경 제공
Kubernetes여러 개의 컨테이너를 자동으로 관리 및 배포
CI/CD지속적 통합 및 배포 (GitHub Actions, Jenkins 등 활용)

5. 전체 흐름 요약

• 프론트엔드(React, Vue)는 사용자 인터페이스(UI)를 개발하며,

• 백엔드(Node.js, Django)는 API를 통해 데이터를 처리합니다.

• 백엔드는 데이터베이스(MySQL, PostgreSQL)와 연결되어 데이터를 저장하고 조회합니다.

• 또한, DevOps(Docker, Kubernetes)는 애플리케이션을 배포하고 서버를 관리합니다.