React 시작하기 - JSX, 컴포넌트, Props, State, 이벤트 처리

Mon, 16 Feb 2026 13:14:00 +0900

React란?

React는 Meta(구 Facebook)에서 개발한 UI 라이브러리입니다. 컴포넌트 기반 아키텍처로 복잡한 UI를 독립적이고 재사용 가능한 조각으로 나누어 개발할 수 있습니다.

React의 핵심 특징

컴포넌트 기반: UI를 독립적인 컴포넌트로 분리하여 관리
선언적 UI: 상태에 따라 UI가 자동으로 업데이트
Virtual DOM: 효율적인 렌더링으로 성능 최적화
단방향 데이터 흐름: 예측 가능한 데이터 관리
풍부한 생태계: Next.js, React Native 등 확장 가능

프로젝트 생성

Vite로 React 프로젝트 생성

# Vite로 React + TypeScript 프로젝트 생성
npm create vite@latest my-react-app -- --template react-ts

# 프로젝트 디렉토리로 이동
cd my-react-app

# 의존성 설치
npm install

# 개발 서버 시작
npm run dev

프로젝트 구조

my-react-app/
├── public/
│ └── vite.svg
├── src/
│ ├── assets/
│ ├── App.tsx
│ ├── App.css
│ ├── main.tsx
│ └── index.css
├── index.html
├── package.json
├── tsconfig.json
└── vite.config.ts

핵심 파일 설명:

Spring Boot 시작하기 - 프로젝트 생성, 구조, 첫 실행

Mon, 16 Feb 2026 13:12:00 +0900

Spring Boot란 무엇인가?

Spring Boot는 Spring 프레임워크를 기반으로 한 오픈소스 Java 프레임워크입니다. Spring의 강력한 기능을 그대로 사용하면서도, 복잡한 설정 없이 빠르게 프로덕션 레벨의 애플리케이션을 만들 수 있도록 설계되었습니다.

Spring vs Spring Boot

전통적인 Spring Framework의 경우:

XML 기반의 복잡한 설정 파일 필요
의존성 버전 관리를 직접 해야 함
서버 배포를 위한 WAR 파일 생성 및 Tomcat 설치 필요
설정 코드가 비즈니스 로직보다 많아지는 경우 발생

Spring Boot는 이러한 문제를 해결합니다:

웹개발 on Korobopolly's Dev Blog