[React🌌] 리액트 공식문서 함께 읽기 📘 / 3️⃣ - 엘리먼트란?
엘리먼트란? 엘리먼트는 React 앱의 가장 작은 단위입니다. 갖춰져있는 React 개발환경에서 개발을 하다보면 컴퍼넌트는 엄청 자주써도, 엘리먼트에 대한 개념은 모호할 수 있습니다. (제가 그랬거든요 ㅎㅎ 😂 React 엘리먼트는 일반 객체입니다. 예를들자면 아래 예시의 color 는 엘리먼트입니다. 그리고 ReactDOM 을 통해 전달되죠. const color = 파란색 ReactDOM.render(color, document.getElementById("blue")) React 에서는 브라우저의 DOM 과 별개로 React DOM 이 존재합니다. React DOM 은 React Element 내용과 일치하도록 DOM을 업데이트 합니다! React DOM 에 렌더링을 해보자! index.html ...
2020. 9. 4.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 1️⃣ - JSX 없이 사용하는 리액트 /
JSX란? 리액트를 이용하는 개발자님들에게 여쭤보고 싶습니다. 정확히 JSX 가 뭘까요? 솔직히 말하면 저는 JSX 라는 개념을 모호하게 알고 있었던 것 같습니다. 그냥 리액트에서 사용하는 엘리먼트를 표현하는 문법? 딱 이정도로 가볍게 생각하고 있었습니다. 리액트 공식문서 초반부를 읽다가 이에 대해 다뤄보면 좋을 것 같았습니다. 자세한 내용은 글 뒷부분에 공개됩니다! 리액트 시작하기 React 공식문서의 도입부는 html 에서 React 를 어떻게 도입하는지에 대해 설명해줍니다. https://ko.reactjs.org/docs/add-react-to-a-website.html 저는 리액트의 시작을 create-react-web 으로 접해서 뭐가뭔지 잘 몰랐던 경험이 있었고, 그렇기에 또한 babel 과..
2020. 8. 24.
[React🌌] 리액트 공식문서 함께 읽기 📘 / 3️⃣ - 엘리먼트란?
엘리먼트란? 엘리먼트는 React 앱의 가장 작은 단위입니다. 갖춰져있는 React 개발환경에서 개발을 하다보면 컴퍼넌트는 엄청 자주써도, 엘리먼트에 대한 개념은 모호할 수 있습니다. (제가 그랬거든요 ㅎㅎ 😂 React 엘리먼트는 일반 객체입니다. 예를들자면 아래 예시의 color 는 엘리먼트입니다. 그리고 ReactDOM 을 통해 전달되죠. const color = 파란색 ReactDOM.render(color, document.getElementById("blue")) React 에서는 브라우저의 DOM 과 별개로 React DOM 이 존재합니다. React DOM 은 React Element 내용과 일치하도록 DOM을 업데이트 합니다! React DOM 에 렌더링을 해보자! index.html ...
[React🌌] 리액트 공식문서 함께 읽기 📘 / 1️⃣ - JSX 없이 사용하는 리액트 /
JSX란? 리액트를 이용하는 개발자님들에게 여쭤보고 싶습니다. 정확히 JSX 가 뭘까요? 솔직히 말하면 저는 JSX 라는 개념을 모호하게 알고 있었던 것 같습니다. 그냥 리액트에서 사용하는 엘리먼트를 표현하는 문법? 딱 이정도로 가볍게 생각하고 있었습니다. 리액트 공식문서 초반부를 읽다가 이에 대해 다뤄보면 좋을 것 같았습니다. 자세한 내용은 글 뒷부분에 공개됩니다! 리액트 시작하기 React 공식문서의 도입부는 html 에서 React 를 어떻게 도입하는지에 대해 설명해줍니다. https://ko.reactjs.org/docs/add-react-to-a-website.html 저는 리액트의 시작을 create-react-web 으로 접해서 뭐가뭔지 잘 몰랐던 경험이 있었고, 그렇기에 또한 babel 과..