CRA를 통한 아주기본적인 세팅

리액트 프로젝트를 시작하는 데 필요한 개발 환경을 세팅해주는 도구(toolchain)인 CRA(Create-React-App)를 만들었습니다. CRA를 이용하면 하나의 명령어로 리액트 개발환경을 구축할 수 있기 때문에 처음 리액트를 접하거나 SPA(Single Page Application)환경을 구축할 때는 CRA를 통해서 리액트를 시작하도록 공식문서에서도 추천

$ cd [프로젝트를 할 폴더에 들어간다]

프로젝트를 진행하고자 하는 경로에 들어간후 아래 사항 // 어려우면 그냥 데스크탑으로 경로를 설정하고 설치하면된다.

$ npx create-react-app [프로젝트명]

create-react-app 을 설치하여준다.
주의할점 : 프로젝트이름 대문자 특수문자등 들어가면 에러가생길수있으니 꼭!!
kebab-case 입력 하는것이 기본! // kebab-case란? 제목-제목

생성된 프로젝트 폴더에 진입후 $ cd [프로젝트명] 

가상로컬 서버를 띄어본다 $npm start

http://localhost:3000 이라는 로컬 서버주소 확인되면 기본적인거 성공!

느낀점: 실제로는 프로젝트를 하기위해서는 많은것들이 필요하지만 지금은 아주기본적인거를 하기때문에 CRA 개발 환경을 세팅해주는 도구를 설치하고!! SPA환경을 구축할수있는 준비를한다.

그리고 Router , SCSS 등 연결도 해주어야한다 이둘은 나중에 설명하도록하고!!!
내가 현재로써 SPA를 구축하기위해선 기본적으로 CRA기본 프로그램들을 구축하고 Router로
연결을하고 CSS 전처리기 확장하는 SASS를 설치하는것이 기본이다!를 학습한거같다!

서로 어떻게 연관이 되어있고 어떤연관성이 있는지 공부를 해봐야겠다.