UDEMY React 완벽 가이드 2024: 섹션1 시작하기& 섹션 2 자바스크립트 새로고침

React= Declarative UI Programming

 

-바닐라로 짜면 쓸데없이 복잡하다. 명령형 방식.

 

-리액트는 군더더기 없고 작성할 코드가 비교적 짧다. UI 업데이트도 알아서 해줌. 

조건, 목표 상태, 상태 변경 조건만 정의하면 나머지는 리액트가 알아서 해줌

 

 

 

 

+) CodeSandBox- 개발환경 포함해서 리액트 연습 가능한 사이트. 

 

visual studio code에서 작업가능. 

 

<내가 만든 웹사이트 실행 방법>

npm start

 

 

<위의 명령어 실행했으나 오류 발생시> 리액트 라이브러리(추가 패키지)  설치. 

npm install

 

npm run dev 이것도 실행.

 

 

-리액트 프로젝트는 빌드 프로세스를 사용한다. 

작성한 코드가 그대로 브라우저에서 실행되는게 아니라는 뜻. 브라우저에 전달되기 전에 내부적으로 코드가 수정됨. 

이유1) 처리되지 않은 리액트 코드는 브라우저에서 실행될 수 없음. 리액트 코드는 특별한 JSX기능을 사용하기 때문. JSX활성화해야함.

이유2)처리되지 않은 리액트 코드는 충분히 간소화되지 않았기 때문.

 

앞부분은 자바스크립트 복습과 리액트 문법 이론.

기초 프로젝트부터 따라해봐야지