developer/react4 React 초보자를 위한 기본 용어 정리 React는 현대적인 웹 애플리케이션을 개발하기 위한 강력하고 유연한 라이브러리입니다. 그러나 React를 처음 다루는 경우, 몇 가지 핵심적인 개념과 용어를 이해하는 것이 중요합니다. React의 핵심 개념들을 간단하게 살펴보고, 컴포넌트, Props, State, 이벤트 처리, 그리고 다른 주요 용어들에 대해 알아봅시다! 1. 컴포넌트 (Components): 컴포넌트는 = 레고 조립 블록 각각의 레고 블록은 독립적이지만 필요에 따라 조합하여 더 큰 구조물을 만들 수 있습니다. React 앱에서도 각각의 컴포넌트는 독립적이며 재사용 가능한 부품으로 생각할수 있습니다. 2. Props와 State: Props는 부모에서 자식으로 전달되는 유산 또는 선물과 같습니다. 예를 들어, 부모가 자식에게 선물 상.. 2024. 2. 8. Props와 Children: 리액트 컴포넌트에서 중요한 두 가지 개념 React에서 중요한 2가지 개념! Props는 뭐죠? 컴퓨터는 다양한 작업을 할떄 여러정보가 필요하다. 이때 컴포넌트에게 필요한 정보를 전달할 수 있는데, 이를 Props(속성)이라고 한다. 예를들면 우리가 로봇 컴포넌트를 만든다면, 로봇의 색이나 이름같은 정보들을 Props로 전달할 수 있다. Props는 어떻게 사용되나? 컴포넌트를 만들 때, Props를 사용하여 다른 컴포넌트로부터 정보를 받아올 수 있다. // 부모 컴포넌트에서 자식 컴포넌트로 Props 전달 자식 컴포넌트에서 Props를 받아와서 사용할 수 있다. // 자식 컴포넌트에서 Props 사용 const Robot = (props) => { return ( {props.name} is a {props.color} robot! ); };.. 2024. 1. 30. React 설치하기! React 설치하기! Node.js와 npm 설치 먼저 Node.js를 설치하면 npm도 함께 설치됩니다. Node.js 공식 웹사이트에서 Node.js를 다운로드하고 설치하세요. - Node.js 설치하기 공식 웹사이트 방문: 먼저 Node.js의 공식 웹사이트에 접속합니다. 웹 브라우저에서 https://nodejs.org/를 엽니다. 다운로드 페이지 이동: 홈페이지에 접속하면 화면 중앙에 LTS 버전과 Current 버전 중 선택할 수 있는 버튼이 있을 것입니다. 대부분의 사용자는 LTS 버전을 선택하는 것이 좋습니다. LTS 버전은 장기 지원되는 안정화된 버전이기 때문입니다. 운영체제 선택: 자신의 운영체제에 맞는 설치 파일을 선택합니다. Windows, macOS, 또는 Linux용으로 제공됩니.. 2024. 1. 25. 리액트(React) 소개: 현대 웹 개발의 핵심 기술 현대 웹 개발에서 리액트(React)는 빠르게 중요한 위치를 차지하고 있습니다. 리액트의 주요 특징과 현대 웹 개발에서의 역할을 자세히 살펴보겠습니다. 리액트란 무엇인가? 리액트는 Facebook에서 개발한 JavaScript 라이브러리로, 사용자 인터페이스를 구축하기 위한 도구입니다. 그 중에서도 컴포넌트 기반 아키텍처와 JSX 문법이 빠른 개발과 유지보수를 가능하게 합니다. 현대 웹 개발에서의 역할 리액트는 현대 웹 개발에서 핵심 기술 중 하나로 자리 잡았습니다. 가상 DOM을 활용하여 성능 최적화를 이루고, 컴포넌트 기반으로 모듈화된 코드를 작성할 수 있어 유지보수가 용이합니다. 가상 DOM의 역할과 성능 향상 리액트의 핵심 개념 중 하나인 가상 DOM은 어떻게 실제 DOM 조작을 최소화하고 성능을.. 2024. 1. 24. 이전 1 다음