React 시작하기

📌 React란?

→ 데이터가 변할 때, 기존의 뷰를 날려버리고 새로 렌더링하는 방식
→ 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용

📖 특징
1. 애플리케이션의 구조가 간단하다
2. 작성할 코드양이 줄어든다
3. 성능을 아끼고 사용자 경험을 제공하면서 구현

오 그렇구나~~ 아니 사실 뭔소린지 모르겠다...
학원 다닐 때 하나하나 필기해가면서 열심히 배웠드랬는데 기억이 하나도 안난다 🥺
이럴 때는 일단 키보드를 먼저 두들겨패보쟈아!

☝ react 개발 환경 만들기

해야할 일

1. node.js 설치하기
   node.js 설치 사이트
2. yarn 다운받기 (npm보다 빠르고 효율적이라고 해서 선택!)
   yarn 패키지 사이트

✌ 프로젝트 생성과 실행을 위한 명령어 익히기

• yarn create-react-app <프로젝트명> : <프로젝트명>이라는 프로젝트 생성
• cd <프로젝트명> : <프로젝트명>가 있는 위치로 이동
• yarn start : 서버 구동

예시) 프로그램명 hello-react 생성 후 서버 구동하기

터미널 창에 이렇게 나타난다면 정상적으로 구동됐다는 의미!
저 초록색 영롱한 successfully 글자는 언제봐도 기분 좋다😍
노란색, 빨간색 에러는 싫어....🤬

실제 화면에 돌아가는 리액트 로고가 보인다면 개발 환경 구축은 끝!