React.js 기초

한입 크기로 잘라 먹는 리액트(React.js) 강의 내용을 정리하며 React.js의 기초에 대해 알아보자.

📒 Why React?

✏️ html과 비교

🏷️ html은 중복되어 사용하는 부분이 너무 많아 유지보수시 수정사항이 너무 많다.

🏷️ React를 사용해야 하는 이유

1. React는 컴포넌트 기반 UI 라이브러리이기에 특정 부분만 호출하여 사용하면 된다.
2. html에 비하여 간단하다.
3. DOM(Documnet Object Model) - 5번 업데이트를 1번에 5개 업데이트 할 수 있다.

📒 Create React App

✏️ 개념

🏷️ npx : 설치되지 않은 것을 설치하지 않고 한번만 사용할 때
🏷️ local host : 자기자신에게 향하는 주소
🏷️ ctrl + c를 누르면 종료된다.
🏷️ node modules는 굳이 전송하지 않아도 된다
npm i 를 입력하면 필요한 module들이 설치된다. (=npm install)
🏷️ favicon : 홈페이지 아이콘 이미지 저장
🏷️ .png : 모바일로 볼 때 사용되는 옵션과 아이콘
🏷️ Robots.txt : 구글에서 수집해도 되는 정보를 알려주는 것
🏷️ jsx : js 문법을 사용하는 것을 말한다.
🏷️ 컴포넌트 방식 : 별도의 함수를 묶어 모듈처러 다른 파일에 사용 가능한 방식

✏️ 컴포넌트

🏷️ APP() 안에 컴포넌트를 만들어서 사용한다.
: export default app : module.export로 사용했었으며 react의 ex 모듈 시스템이다.