Tech Stack/React

[React] 02. Vite로 React 개발환경 만들기

[React] 02. Vite로 React 개발환경 만들기이전 글에서는 React가 무엇인지, 왜 웹 개발에서 많이 사용되는지 알아보았습니다. 이번 글에서는 React 코드를 직접 작성하고 실행할 수 있도록 Vite를 이용해 React 개발환경을 만드는 방법을 정리해보겠습니다.React는 브라우저에서 바로 실행하는 단순 HTML 파일과는 다르게, 프로젝트를 구성하고 개발 서버를 실행하는 과정이 필요합니다. 처음에는 낯설 수 있지만, 한 번만 흐름을 이해하면 이후 프로젝트를 만들 때 훨씬 편해집니다.1. Vite란?Vite는 프론트엔드 프로젝트를 빠르게 만들고 실행할 수 있게 도와주는 빌드 도구입니다. React 프로젝트를 만들 때 필요한 기본 구조를 자동으로 만들어주고, 개발 중에는 브라우저에서 바로 결..

2026. 5. 21. 09:58

Tech Stack/React

[React] 01. React란? 왜 웹 개발에서 많이 사용할까?

[React] 01. React란? 왜 웹 개발에서 많이 사용할까?웹 개발을 공부하다 보면 HTML, CSS, JavaScript를 어느 정도 배운 뒤에 자연스럽게 React라는 이름을 자주 만나게 됩니다. 처음에는 “JavaScript만으로도 화면을 만들 수 있는데 왜 React를 또 배워야 하지?”라는 생각이 들 수 있습니다.이번 글에서는 React를 어렵게 외우는 방식이 아니라, 왜 React가 등장했고, 어떤 문제를 해결하기 위해 사용하는지를 중심으로 정리해보겠습니다.1. React란?React는 사용자 화면, 즉 UI(User Interface)를 만들기 위한 JavaScript 라이브러리입니다. 여기서 UI는 버튼, 입력창, 목록, 카드, 게시글 화면처럼 사용자가 직접 보고 조작하는 화면 요소..

2026. 5. 16. 23:20