문서의 임의 삭제는 제재 대상으로, 문서를 삭제하려면 삭제 토론을 진행해야 합니다. 문서 보기문서 삭제토론 React(라이브러리) (문단 편집) === 리액트가 있고 없고의 차이 (컴포넌트) === * 리액트가 없을 때 {{{#!syntax xml Logo 메뉴1 메뉴2 Hello World! }}} * 리액트가 있을 때 {{{#!syntax javascript const Hlogo = () => { return ( Logo ); }; const Anav = () => { return ( 메뉴1 메뉴2 ); }; const Bsection = ({ amumal }) => { return ( {amumal} ); }; const App = () => { return ( ); }; export default App; }}} (위에서 보는 것처럼 컴포넌트 클래스 값은 대문자로 시작되어야 한다.) 위와 같이 컴포넌트(부품)로 나누어서 정리가 가능하다. 이렇게 코드가 짧을 때에는 별로 의미가 없지만 한 페이지의 코드가 길 때에는 코드를 나누어 담을 수 있어서 유용하다. 또한 각 컴포넌트들은 js 파일로 만들어서 공유가 가능하기 때문에 이미 만들어진 컴포넌트들을 조립하여 웹페이지를 만들 수 있어서 가능성이 무궁무진해진다. 참고로 [[메타]]에서는 크롬 개발자 도구를 이용해서 리액트로 만들고 있는 페이지의 [[https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi|리액트 컴포넌트들을 볼 수 있는 툴을 제공하고 있다.]]저장 버튼을 클릭하면 당신이 기여한 내용을 CC-BY-NC-SA 2.0 KR으로 배포하고,기여한 문서에 대한 하이퍼링크나 URL을 이용하여 저작자 표시를 하는 것으로 충분하다는 데 동의하는 것입니다.이 동의는 철회할 수 없습니다.캡챠저장미리보기