React Intro

Eden·2022년 8월 16일

React

목록 보기
1/7
post-thumbnail

1. 어떠한 흐름으로 오늘날 React가 많이 사용되고 있는지 설명할 수 있다.

-웹 애플리케이션의 규모가 커지고 다양한 UI, UX를 구현하기 위해.
생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지보수를 편리하게 하기 위해서

2. React가 무엇인지 정의할 수 있다.

  • Meta에서 개발하고 관리하는 JS 라이브러리.

3. CRA를 설치하고 폴더와 파일이 어떻게 구성되어 있는지 설명할 수 있다.

-CRA는 create-react-app

설치방법

// <react-project> 에는 프로젝트명 입력
// ex. npx create-react-app westudy-front
npx create-react-app <react-project>

// <react-project> 디렉토리 진입
cd <react-project>

// 로컬 서버 띄우기
npm run start

파일 구성

1) node.modules

  • CRA 를 구성하는 모든 패키지 소스 코드가 존재하는 폴더

2) package.json

  • CRA 기본 패키지 외 추가로 설치된 라이브러리/패키지 정보(종류, 버전)가 기록되는 파일
  • 모든 프로젝트마다 package.json 하나씩 존재

3) .gitignore

  • .gitignore 파일에 github 에 올리고 싶지 않은 폴더와 파일을 작성할 수 있다.
  • push 를 해도 .gitignore 파일에 작성된 폴더와 파일은 올라가지 않는다.
  1. Component의 개념과 종류에 대해 설명할 수 있다.
  2. JSX 를 정의하고 기본 특성에 대해 설명할 수 있다.
  3. 기존에 구현한 Justagram을 React 로 변환해 렌더링 할 수 있다.
profile
안녕하세요. 이든입니다.

0개의 댓글