리액트를 이용한 웹 사이트 만들기

처음으로 리액트 사이트를 만들어 봅니다.

리액트(React)는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 만들고 관리하는 데 사용됩니다.

주로 웹 애플리케이션의 프론트엔드 개발에 활용되며, 단일 페이지 애플리케이션(SPA)부터 전통적인 웹 애플리케이션까지 다양한 유형의 웹 애플리케이션을 구축하는 데 사용됩니다.

컴퍼넌트 및 props를 이용하여 사이트를 만들고 사이트를 구성합니다. 가상 돔(Virtual DOM), 컴포넌트 기반, 데이터 처리, jsx를 이용하여 작업하였습니다.

미리보기

https://react-webpage11.netlify.app/

설치

npx create-react-app react-webpage
code . → vs코드 바로 열기

디자인

디자인은 웹상에 공유되어 있는 디자인으로 작업하였다. 피그마 디자인

작업 순서

• 필요없는 파일 삭제
• rafce : 기본 문법 나오기 --> 확장 프로그램 ES7 설치
• 리액트 시작 : npm start