그때 그때/setting

웹개발 관련 도구 정리

web_seul 2024. 11. 18. 14:59
웹 프레임워크

프론트엔드

  개발자/개발사
React.js
UI 라이브러리,
컴포넌트 기반의 빠른 렌더링과 강력한 생태계(React Router, React Native 등)로
대규모 웹 애플리케이션에 적합
Meta
Vue.js
UI 프레임워크,
간단하고 직관적인 API 와 반응형 컴포넌트, 
학습 곡선이 적어 가벼운 앱부터 대형 프로젝트까지 모두 적용 가능
Vue.js
Angular
풀스택 웹 애플리케이션 프레임워크,
TypeScript 기반, MVC아키텍처, 양방향 데이터 바인딩으로
대규모 애플리케이션 구축에 적합
Google
Svelte
UI 프레임워크,
컴파일러 기반으로 빌드 시점에서 UI를 최적화 함,
적은 런타임 오버헤드와 간결한 코드 작성
Rich Harris
Next.js    
React 기반 풀스텍 프레임워크,
SSR(서버 사이드 렌더링), SSG(정적 사이트 생성), API Routes 지원,
SEO 최적화와 빠른 렌더링, 프론트/백의 통합
Vercel

 

백엔드

Express.js
Node.js 기반의 백엔드 프레임워크,
라우팅, 미들웨어, Rest API 서버 구축에 유용하며
간결하고 커스터마이징이 용이함
Django
Python 기반 웹 프레임워크,
ORM(Object-Relational Mapping), 인증/권한 관리 내장,
빠른 개발과 보안에 장점
Ruby on Rails
Ruby 기반 웹 애플리케이션 프레임워크,
내장된 ORM,
빠른 개발 주기와 큰 커뮤니티가 특징
Spring Boot
Java 기반 프레임워크,
Spring Framework의 간소화 버전, 자동 구성, REST API 지원,
엔터프라이즈급 애플리케이션 개발에 적합

 

빌드도구 : 효율적 빌드, 의존성 관리 도구
Webpack
Javascript 애플리케이션 번들링 도구,
모듈 번들링, 코드 분할, 로더와 플러그인을 통한 다양한 변환,
커스터마이징과 확장성이 뛰어남
Vite
빠른 빌드 속도, ES모듈 기반,
빠르고 직관적인 설정으로 React 와 Vue 에서 많이 사용됨
Parcel
빠르고 자동화된 빌드도구,
빠른 개발환경과 설정이 간편함
Gulp
자동화된 빌드 시스템,
스트림 기반 작업처리, 프러그인 시스템,
코드 품질 유지, 테스트 및 배포 자동화
Maven
Java 기반 프로젝트 빌드 도구,
의존성 관리, 프로젝트 객체 모델(POM) 파일 기반 설정,
Java 프로젝트의 표준 빌드도구로 많이 사용됨

 

라이브러리 및 도구
Lodash  
Javascript 유틸리티 라이브러리,
유틸리티 함수 제공, 코드의 간결함과 효율성을 높여줌
Axios  
HTTP 클라이언트 라이브러리,
Promis 기반, 브라우저와 Node.js에서 동작,
API 호출을 간편하게 처리할 수 있어 널리 사용됨
Redux  
상태 관리 라이브러리(주로 React),
중앙 집중식 상태관리, 액션 기반,
상태관리의 일관성 제공으로 복잡한 애플리케이션에 유용함

Tailwind CSS  
CSS 프레임워크,
미리 정의된 클래스 이름을 이용해 스타일링하여 빠르고 직관적인 UI 구성,
커스터마이징이 용이하고 빠른 개발 가능
Bootstrap  
HTML, CSS, JS로 이루어진 프론트엔드 프레임워크,
미리 정의된 레이아웃과 컴포넌트 제공,
빠른 프로토타이핑과 반응형 웹디자인 지원
jQuery  
DOM 조작, 이벤트 처리, AJAX 요청을 간단히 처리하는 JS 라이브러리,
크로스 브라우징 호환성 제공, 간단한 API,
과거의 표준 라이브러리였으나 최근에는 React/Vue로 대체되고 있음
Three.js  
3D 그래픽을 웹에서 구현할 수 있는 JS라이브러리,
WebGL 기반으로 인터랙티브한 웹 콘텐츠 제작 가능,
웹에서 손쉽게 3D그래픽이 가능해서 다양한 시각화 작업에 사용

 

데이터베이스
MongoDB  
NoSQL 데이터베이스,
JSON과 유사한 BSON 포맷으로 데이터를 저장, 수평적 확장성,
비정형 데이터 관리에 유리하고 확장성이 뛰어남
PostgreSQL  
관계형 SQL 데이터베이스,
ACID 준수, SQL 표준을 따르며 복잡한 쿼리와 트랜잭션 처리,
데이터 무결성 및 복잡한 데이터 처리에 강점
MySQL  
관계형 SQL 데이터베이스,
빠른 성능, 대규모 웹 애플리케이션에 적합,
널리 사용되고 안정적인 오픈소스 SQL DB
SQLite  
파일기반 SQL 데이터베이스,
경량화되었고 서버없이 사용가능,
로컬 스토리지, 모바일 앱에 적합

 

백엔드 런타임 환경
Node.js
JS의 서버 실행 런타임,
비동기 I/O 모델 기반의 높은 성능과 빠른 응답 시간,

Java (JVM 기반)
Java 애플리케이션 실행,
안정성과 성능이 뛰어나고 다중 스레드 환경에서 잘 동작됨,
Spring Boot 와 함께 사용
반응형

'그때 그때 > setting' 카테고리의 다른 글

git repo remote url 변경  (0) 2023.05.30
명령 프롬프트(cmd)로 scss 컴파일하기(+폴더위치설정)  (0) 2022.06.21
git 설치 방법  (0) 2022.06.21
git 계정변경  (0) 2020.09.23