Grace's Tech Blog

(+ React에 대해 공부한 것을 정리한 것입니다. 배우는 중이라 잘못된 내용이 있을 수 있으며 계속해서 보완해 나갈 것입니다. :)) 앞서 React의 필요성과 소개 및 React의 주요 개념 중 1. 기본틀, 2. JSX(JSX으로 Element생성:React.createElement()) , 3. Element (생성된 Element를 DOM으로 rendering: ReactDOM.render()) 에 대해서 알아보았다. 이번에는 React의 주요 개념 중 4. Component와 Pros 에 대해서 정리해볼 것이다. 1. React의 주요 개념들 4) Component와 Pros ① Component란? component는 props라는 입력을 받아서 React element를 return 하는..

1. What is React? 1) React란? React는 Component(하나의 의미를 가진 독립적인 단위 모듈 - 쉽게 말해 나만의 HTML 태그)를 사용하는 사용자 인터페이스를 만들기 위한 프론트엔드 라이브러리이다. 그러니까 주요 단어가, Component, 사용자 인터페이스(UI), 라이브러리 이다. 먼저 사용자 인터페이스는 사용자와 프로그램이 정보를 주고받기 위해 사용자와 프로그램이 상호작용하는 프로그램의 일부분이다. 그리고 라이브러리란, 특정 기능에 대한 API(도구/함수)를 모은 집합니다. (동기이신 SH님께서 쉽게 정리해주신 글을 참고하면) 미리 만들어 둔 여러가지 템플릿을 모아둔 저장소이다. ※ 프레임워크와 라이브러리의 차이점은 여기에.. 그럼 Component는? 위에서 언급했듯..