Tomato's BLOG

리액트는 컴포넌트(component)를 중심으로 움직인다. 컴포넌트 만들고 컴포넌트가 데이터를 보여준다. What is component? - HTML 을 반환하는 함수! - "App"이라는 함수가 있으면 로 사용한다. - 이걸 JSX라고 하는데 react에서만 사용한다. Component 특징 - Index.js에서는 하나의 component(App)만 render할 수 있게 한다. - 다른 js 파일에서 component import하는 것은 아무 문제 없음. Props(Properties) function Hello(props){ return Hello World; } function App(){ return ( ); } 이런 식으로 Hello Component 안에 name="first"처럼 있는..

1. node js 다운받기 WSL(Ubuntu 20.04 LTS)에서 nodejs github을 참고해 다운받았다. 버전 14를 설치할 경우 명령어는 다음과 같다. $ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - $ sudo sudo apt-get install -y nodejs node -v 명령어를 통해 설치 완료와 버전을 확인하면 된다. 2. npm, npx 다운받기 우분투의 경우 npm을 별도로 설치해주어야 했다. $ sudo apt-get install -y build-essential 이 명령어를 통해 쉽게 설치 가능하다. 이후 npm이 잘 설치되었는지 확인하기 위해 npm -v를 입력해본다. create-react-app..