![]()
01. 컴포넌트(사용자 정의 태그) 만들기 어제 설정한 환경에서, App.js의 코드를 수정하여 페이지를 구성할 수 있다. 이때 컴포넌트를 활용할 수 있는데, 컴포넌트는 함수로 정의하고 반드시 이름의 첫 글자는 대문자여야 한다. 또한 반환 값으로 해당 태그 내용을 적으면 되며, 기존 App함수에서는 이 함수의 이름을 태그로서 호출하면 된다. function Header(){ return MAIN } function App() { return ( ); } 02. Props(속성) html에서 의 src, width, height처럼 React에서도 속성을 부여할 수 있다. 여기서는 그걸 Props라고 한다. 이 props를 이용하여 기존 html의 코드와 달리 동적으로 코드를 관리할 수 있다. 아래에 코드..
![]()
이제 html, css, JavaScript의 주요 기능들은 거의 살펴보았으니, React를 공부해보려고 한다. 그러기 위해서는 실습 환경을 먼저 만들어야 하는데,,, (솔직히 이런 환경 준비가 제일 힘든 거 같음) 역시나... 하란대로 따라했는데 오류 잔뜩 나고 여러 가지 찾아보면서 다시 깔아서 성공했다... 방법 정리~.~ 01. node.js 설치 React를 사용하려면 먼저 node.js가 설치되어 있어야 한다. 아래 사이트에서 LTS를 다운받고 설치한다. 설치 기본경로에 한글이 포함 안되어 있어서 그냥 기본 경로 그대로 했다. (아 제발 진짜 사용자명 영어로 바꾸고 싶음 ㅇㄴ) https://nodejs.org/en Node.js Node.js® is a JavaScript runtime bui..
