React 기초 개념과 동작 방식: 만들어 보면서 이해하는 프론트엔드 개발

🛠 개요이번 포스트에서는 React의 기본 개념과 동작 방식을 이해하고, 우리가 만든 프로젝트에서 React가 어떻게 작동하는지 설명합니다.React는 SPA(Single Page Application) 방식을 사용하며, 컴포넌트 기반 개발을 통해 유지보수가 쉽고 효율적인 UI를 구축할 수 있습니다.이제 React의 핵심 개념과 동작 흐름을 살펴보겠습니다. 🚀 1. React란 무엇인가?📌 React의 정의React는 Facebook(현 Meta)에서 개발한 JavaScript 라이브러리로, 빠르고 효율적인 UI를 만들기 위해 설계되었습니다.📌 기존 방식 vs React 방식 비교기존 방식(전통적인 웹 개발) React 방식페이지가 변경될 때마다 서버에서 HTML을 새로 받아옴최초 로딩 후, 필요..

• format_list_bulleted dev
• · 2025. 3. 5.
• textsms

Vite React 활용한 이미지 업로드 UI 개발

🛠 프로젝트 개요이번 포스트에서는 Django 백엔드와 React 프론트엔드를 활용하여 이미지의 메타 태그를 제거하는 웹 애플리케이션을 구축하는 과정을 정리합니다. 이전 포스트에서 Django 환경 설정 및 API 개발을 진행했으며, 이번에는 Vite React를 활용한 UI 개발을 진행했습니다. Django + PostgreSQL 기반 블로그 분석 프로젝트 시작하기📌 개요이번 글에서는 Django와 PostgreSQL을 활용한 블로그 분석 프로젝트를 시작하는 방법을 다룹니다. 프로젝트 설정부터 환경 구성, 데이터베이스 연결, 기본 API 테스트까지 순차적으로 진행하migo-dev.tistory.com 📌 개발 목표✅ 사용자가 다수의 이미지를 업로드 ✅ 업로드한 파일 목록 표시 ✅ Drag & Dr..

• format_list_bulleted dev
• · 2025. 3. 4.
• textsms