React

⚛ what is React?

✔ React란, 페이스북에서 “지속적으로 데이터가 변화하는 대규모 애플리케이션 구축하는 것” 을 목표로 2013년에 개발한 라이브러리이다. 프레임워크-라이브러리 3대장 인 Angular,Vue,React 중 유일하게 라이브러리이며 지속적인 관리와 생태계가 활성화가 되어있다. 때문에 사용자와 자료들이 꾸준히 갱신되며, 커뮤니티 사용자들의 빠른 피드백이 이루어지고 있다.

👁 CRA 프로젝트 폴더 구조

✔ 터미널에서 아래와 같은 명령어로 CRA를 설치하게 되면, 위와 같이 파일들이 설치된다

• CRA(Create Reactive App): 리액트 작업을 할 수 있도록 환경을 구축하는 명령어, 개발 환경
  세팅 인원 1명만 초기세팅 한 후 git을 통해 공유 (git은 언제나 필수군...)

• 설치 명령어: npx create-react-app directoryName(원하는 폴더명)

• node_modules: 프로젝트 진행에 필요한 React 소스코드 라이브러리가 존재하는 폴더

• public: Index.html, images, data가 위치하는 폴더

• package.json: 세팅들, 즉 React패키지 버전 확인할 수 있음 (파일 내부 dependencies에서 패키지 및 패키지 버전 확인)

• git ignores: 깃이 추적하지 않도록 명시하는 파일(ex> node modules)

  • git ignore가 node modules를 추적하지 않는 이유: 부피도 크고 용량도 크기 때문에

• src: 공통적으로 사용하는 components, pages등 실제 렌더링에 필요한 JSX 및 CSS 파일이 위치하게 되는 경로

  ---

  
  

  Reference

• 위코드 React session

• React - CRA를 이용한 프로젝트 초기세팅

• 애플코딩 - 리액트 세팅