본문 바로가기
SMALL

CODE2

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