WebDev/React3 [React] JSX란? JSX(JavaScript XML)는 React에서 자바스크립트 안에서 HTML과 유사한 구문을 작성할 수 있게 해주는 문법 확장입니다. JSX는 브라우저에서 직접 실행되지 않고, React와 같은 프레임워크가 이를 JavaScript로 변환하여 실행합니다. JSX는 직관적인 UI 코드 작성을 가능하게 하며, React에서 컴포넌트를 정의하고 구성할 때 많이 사용됩니다. JSX의 특징HTML과 비슷한 문법JSX는 HTML과 비슷하게 보이지만 실제로는 JavaScript입니다. 이를 통해 UI를 표현하는 코드와 비즈니스 로직이 가까이 위치할 수 있어 개발자가 더 직관적으로 UI 코드를 작성할 수 있습니다.const element = Hello, World!; JavaScript와 결합 가능JSX 안에서 J.. 2024. 9. 10. [React] 컴포넌트(Component) React에서 컴포넌트는 사용자 인터페이스(UI)를 구축하는 기본 단위입니다. 컴포넌트는 재사용 가능하고 독립적인 코드 블록으로, UI의 일부분을 정의합니다. React의 컴포넌트는 크게 두 가지 유형으로 나눌 수 있습니다: 함수형 컴포넌트와 클래스형 컴포넌트입니다. 1. 함수형 컴포넌트 (Functional Component)함수형 컴포넌트는 간단한 JavaScript 함수로, props를 인자로 받아 UI를 반환합니다. 상태 관리와 라이프사이클 메서드가 필요한 경우 React Hooks를 사용하여 상태를 관리할 수 있습니다.import React from 'react';function MyComponent(props) { return Hello, {props.name}!;}export defaul.. 2024. 9. 9. [기초]React란 무엇인가? React는 Facebook에서 개발하고 유지보수하는 오픈 소스 자바스크립트 라이브러리로, 사용자 인터페이스(UI)를 구축하기 위해 사용됩니다. React는 컴포넌트 기반의 아키텍처와 가상 DOM(Virtual DOM)을 활용하여 효율적이고 유연한 UI 개발을 가능하게 합니다. 다음은 React에 대한 자세한 설명입니다. 1. React의 주요 특징컴포넌트 기반 구조컴포넌트(Component): React 애플리케이션은 독립적인 컴포넌트들로 구성됩니다. 컴포넌트는 재사용 가능하며, 각 컴포넌트는 자신만의 상태(state)와 생명주기(lifecycle)를 가질 수 있습니다.재사용성: 컴포넌트를 만들어 재사용할 수 있으므로, 코드의 중복을 줄이고 유지보수를 쉽게 할 수 있습니다. 가상 DOM (Virtual.. 2024. 8. 25. 이전 1 다음
