React Component란 무엇일까요? 컴포넌트 개념 이해하기 공식문서에서 설명하고 있는 부분을 통해 올바른 개념을 이해해봅시다! 컴포넌트를 통해 UI를 재사용이 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있습니다. 개념적으로 컴포넌트는 JavaScript 함수와 유사합니다. “props”라고 하는 임의의 ****입력을 받은 후, 화면에 어떻게 표시되는지를 기술하는 React 엘리먼트를 반환합니다. 리액트 컴포넌트를 표현하는 두 가지 방법 1. 함수형 컴포넌트 // props라는 입력을 받음 // 화면에 어떻게 표현되는지를 기술하는 React 엘리먼츠를 반환(return) function Welcome(props) { return Hello, {props.name}; } ..
상수와 변수 예전에는 'var'를 통해 변수를 할당했지만, 이제는 const(상수), let(변수)를 이용합니다. Object 선언, 단축 속성, 객체 복사 const person = { name: '르탄', age: 21, company: 'sparta coding club', doSomething: () => {}, } // 변경 전 const person = { name: name, age: age, company: 'sparta coding club', doSomething: function(){}, } // 변경 후 const person = { name, age, company: 'sparta coding club', doSomething: function(){}, } const obj1 = ..
