No image

Dev/Frontend

[React] React.js 튜토리얼 8- 합성 (Composition)

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 먼저 react를 개발하기 앞서 react는 node.js 기반으로 되어있기 때문에 node.js를 설치해야합니다. nodejs 다운로드 링크입니다. 운영체제에 맞게 설치해주세요! https://nodejs.org/en/download/current Download | Nod domdom.tistory.com [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State) [React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, ..

by DOMDOMI 2024. 1. 7.

No image

Dev/Frontend

[React] React.js 튜토리얼 2- 주요 개념 살펴보기(JSX, Component, Props, State)

이전 포스팅을 보려면 아래 링크를 눌러주세요. [React] React.js 튜토리얼 1- 프로젝트 생성 및 실행하기 간단한 React 예제 프로젝트를 만들어보기 앞서, 알아둬야하는 React의 개념과 특징들을 살펴봅시다. . React로 구현된 애플리케이션은 일반적으로 하나의 루트 DOM 노드가 있습니다. 이 안에 들어가는 모든 엘리먼트를 React DOM에서 관리합니다. 엘리먼트를 렌더링하기 위해서는 ReactDOM.createRoot()에 엘리먼트를 전달한 다음, root.render()에 전달해야 합니다. 튜토리얼1에서 만들어보았던 프로젝트의 index.js를 열어보면 다음과 같이 작성되어 있습니다. root.render에 App.js에 만들어놓은 App 엘리먼트가 전달된 것을 알 수 있습니다. ..

by DOMDOMI 2023. 12. 9.