컴포넌트1 [ReactJS 기초] - Component 리액트로 만든 페이지는 컴포넌트들로 구성되어있다. 페이지 단위로 구성하는 것이 아니라 각 부분을 컴포넌트로 만들어서 하나의 페이지로 조립하는 것이다. 이렇게 컴포넌트를 사용하게 되면 각 컴포넌트끼리 분리되어있기 때문에 재사용성도 높아지고 유지보수도 하기 쉬워진다. 현재 리액트 파일을 보면 App.js라는 하나의 컴포넌트로 구성이 되어있는데, 이 App.js에서 App이라는 함수를 export 해서 index.js에서 import해주고 있다. 이렇게 함수형으로 만들어진 컴포넌트를 함수형 컴포넌트라고 하고 모든 컴포넌트의 이름은 대문자로 시작한다. 함수에서 return하고 있는 코드들을 보면 HTML같기도 하고 JavaScript 같기도 한데 이것을 바로 JSX(JavaScript XML)이라고 한다. 다만.. 2022. 2. 19. 이전 1 다음 728x90