그렇다면 왜 리액트 코드를 작성하기 위해
CodeSandbox 환경 또는
Vite와 같은 추가적인 도구가 있는
로컬 작업환경을 설정해야 할까요?
단순히 HTML 파일과 자바스크립트 파일을 만들어서
HTML 파일 내의 스크립트 파일을 참고하여
그 스크립트 파일에 리액트 코드를 삽입할 수는 없을까요?
왜 그렇게 작업할 수는 없을까요?
이 방법은 조금 전에 보여준
리액트 코드를 작성할 때는
자바스크립트 기능에 있는 특수한 HTML을
사용해야 하기 때문에 불가능합니다
이 문법의 이름은 JSX 이고
앞으로 더 자세히 배울 것입니다
리액트 작업 중 지속적으로 사용될
이 특수한 문법에 관해
알아야 할 것은
안타깝게도 브라우저에서
사용할 수 없다는 점입니다
그러므로 브라우저에서 실행 가능한 코드로
변환 시켜야 합니다
또한 이 코드를 최적화 시켜야 하는데
예로 들면
변수와 함수의 이름을 단축 시키고
과도한 여백을 줄여서
웹사이트 방문자가 다운 받아야 하는
코드를 최소화 시켜
웹사이트 성능을 향상 시키는 것이 있습니다
이러한 이유로 Vite와 같은 별도 도구를 추가해
리액트 작업물을 생성할 필요가 있습니다
결국 이런 도구로 인해 코드가
브라우저에서 효율적으로 실행될 수 있도록
코드를 변환하기 때문입니다
이로 인해 단순히 HTML과
스크립트 파일 대신
추가 도구가 필요한 것입니다
다행히 지난 수업에서 본 것 같이
이런 도구를 사용해 프로젝트를 생성하는 과정은
상당히 간단합니다
CodeSandbox에서는 아무런 추가 작업이 필요 없어
특히 간편합니다
지난 수업에서 말한 것 같이
과정 기간 동안
CodeSandbox와 로컬 버전으로
기초 프로젝스트를 제공하여
실질적으로 프로젝트를 생성할
필요가 없습니다
그 시간에 리액트를 배우고
리액트 코드 작성에
집중할 수 있습니다