REACT 공부

처음부터 React 앱을 만드는 방법

처음부터 React 앱을 만드는 방법 React는 사용자 인터페이스를 구축하기 위한 JavaScript 라이브러리입니다. 빠르고 확장 가능하며 강력하며 최신 웹 애플리케이션 구축을 위한 훌륭한 기반을 제공합니다. 이 블로그 게시물에서는 처음부터 기본 React 앱을 만들고 개발 여정을 시작하는 방법을 보여줍니다. Creating the App 새로운 React 프로젝트를 만들어 시작해 봅시다. 이렇게 하려면 터미널을 열고 다음 명령을 실행합니다. npx create-react-app my-app 이렇게 하면 React 앱에 필요한 모든 파일이 포함된 새 프로젝트가 생성됩니다. 다음으로 필요한 종속 항목을 설치해야 합니다. 이렇게 하려면 프로젝트 디렉터리에서 다음 명령을 실행합니다. npm install ..

2023. 1. 26. 18:05

REACT 공부

REACT개발 - JSX 이해하기

리액트 개발을 위한 JSX 이해하기 개발 세계에서 JSX는 JavaScript XML을 나타냅니다. JavaScript의 구문 확장이며 사용자 인터페이스의 모양을 설명하는 데 사용됩니다. 2013년에 React 라이브러리의 일부로 처음 출시되었으며 현재 다양한 프레임워크에서 사용되고 있습니다. 이 블로그 게시물에서는 JSX가 무엇인지, 어떻게 작동하는지, 왜 유용한지 살펴보겠습니다. JSX란 무엇인가? JSX는 자바스크립트에서 HTML과 유사한 코드를 작성할 수 있게 해주는 자바스크립트의 구문 확장입니다. 사용자 인터페이스를 쉽게 만들고 유지 관리할 수 있도록 하는 XML과 유사한 선언적 구문입니다. JSX에서는 div, h1, p와 같은 HTML과 유사한 요소와 React 구성 요소와 같은 구성 요소를..

2023. 1. 26. 00:49

REACT 샘플코드

React에서 CRUD 앱 빌드하기

React에서 CRUD 앱 빌드하기 CRUD(만들기, 읽기, 업데이트 및 삭제) 앱을 만드는 것은 웹 개발에서 일반적인 작업이며 React는 이러한 애플리케이션을 빌드하는 데 널리 사용되는 방법입니다. 이 포스팅에서는 React 및 JSON 자리 표시자 API를 사용하여 데이터베이스를 시뮬레이트하는 기본 CRUD 앱을 만듭니다. [시작하기 전에] 시작하기 전에 React, JavaScript 및 API 사용에 대한 기본적인 이해가 있어야 합니다. 또한 컴퓨터에 Node.js 및 npm(노드 패키지 관리자)이 설치되어 있어야 합니다. 1. 새 리액트 앱 만들기 npx create-react-app crud-app 이렇게 하면 "crud-app"이라는 새 디렉토리가 생성되고 그 안에 기본 React 앱이 설..

2023. 1. 25. 15:42