FrontEnd/React2 [React] 컴포넌트란? (Component) 💡 컴포넌트(Component) 란? 컴포넌트는 재사용 가능한 UI 요소로, 리액트에서 앱을 이루는 가장 작은 요소라고 할 수 있습니다. 웹에서 HTML을 사용하면 tag를 가지고 구조를 가진 문서를 만들 수 있습니다. 리액트에서는 이런 마크업 언어, CSS, JavaScript를 결합하여 "컴포넌트"라는 요소를 만들 수 있습니다. 컴포넌트를 정의하는 방법에는 함수형 컴포넌트와 클래스형 컴포넌트 두 가지가 있습니다. 함수형 컴포넌트 자바스크립트 함수를 작성해서 컴포넌트를 정의하는 방법입니다. function Welcome(props) { return Hello, {props.name}; } 속성을 의미하는 props를 인자로 받아 react 엘리먼트를 반환합니다. 클래스형 컴포넌트 ES6 class 를 .. 2023. 10. 1. [React] 리액트 개념 본 포스팅은 🌱인프런 강의 [따라하며 배우는 리액트 A-Z]를 수강하며 작성한 글입니다. React 사용자 인터페이스를 만들기 위해 사용되는 자바스크립트 라이브러리 주로 인터렉션이 많은 웹 앱을 개발하기 위해서 사용됨. 상대적으로 배우기 쉬운 라이브러리 여러 기능들을 위해 이미 만들어져 있는 라이브러리 환경 많은 기업들의 사용으로 검증이 된 라이브러리임. 💡 프레임워크와 라이브러리의 차이점 프레임워크 어떠한 앱을 만들기 위해 필요한 대부분의 것을 가지고 있는 것, 라이브러리 어떠한 특정 기능을 모듈화 해놓은 것 ➡️ 프레임워크 안에 여러 라이브러리가 포함되어 있음! 프레임워크가 소스코드를 호출하고, 소스코드가 라이브러리를 호출 ⭐️ React, Vue.js, Angular 리액트는 전적으로 UI를 만드는.. 2023. 9. 13. 이전 1 다음
