junnnhhh

https://ko.legacy.reactjs.org/docs/components-and-props.html Components와 Props – React A JavaScript library for building user interfaces ko.legacy.reactjs.org Component는 React Element를 생성하기 위해 쓰이는 틀이다. Component를 통해 UI를 재사용 가능한 여러 조각으로 나누고, 각 조각을 사용할 수 있다. (Component 추출) Component는 props라는 속성을 사용하여 다른 엘리먼트를 만들어 낼 수 있다. Component의 종류 Function Component function Welcome(props) { return Hello, {pro..

https://ko.legacy.reactjs.org/docs/rendering-elements.html 엘리먼트 렌더링 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org Element는 React App의 가장 작은 단위이다. React에 모든 엘리먼트는 root 엘리먼트 안에 들어가게 되는데, 이 모든 엘리먼트는 React DOM에서 관리하고,` root 엘리먼트는 root DOM 노드라고도 한다. React 엘리먼트를 렌더링 하기 위해서는 우선, DOM 엘리먼트를 ReactDOM.createRoot()에 전달하고, React 엘리먼트를 root.render()에 전달해야 한다. const root = Rea..

https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – React A JavaScript library for building user interfaces ko.legacy.reactjs.org JSX(JavaScript Xml)이란? → 자바스크립트의 문법을 확장시킨 것, JavaScript + XML / HTML 이다. ex) JSX 코드 const element = Hello, world!; JSX의 역할 JSX는 내부적으로 XML, HTML 코드를 JavaScript로 변환하는 과정을 거치게 된다. JSX → JavaScript로 변환을 도와주는 함수인 React.createElement가 내장되어 있음. // JSX를 사용한 코드 cl..