react–quora 클론코딩

1. React 및 Redux 설치

Quora라는 폴더를 생성한 후 터미널 창에 create-react-app을 입력합니다. –template redux를 입력하여 설치를 완료합니다.

2. 파이어베이스 프로젝트

1. Firebase 홈페이지로 이동하여 프로젝트를 생성합니다.

2. Google 및 이메일/비밀번호를 사용하여 인증합니다.

3. Firestore로 이동하여 테스트 모드로 전환합니다.

4. 규칙으로 이동

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write
    }
  }
}

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write
    }
  }
}

로 변경한 후 “게시”를 누릅니다.

5. 프로젝트 설정을 입력하고 클릭 웹으로 만드는 것을 의미합니다.

6. 프로젝트 이름을 적고 배포할 것인지 체크한 후 나머지는 나중에 터미널 창에 입력합니다.

7. 찾은 페이지에서 구성을 클릭합니다. 이 정보는 Firebase와 vscode를 연결하는 중요한 정보입니다.

3. 이모티콘

1. React에서 이모티콘을 사용하려면 터미널 창에 npm install @material-ui/core 를 입력합니다. 오류가 발생하면 –force를 함께 입력합니다.

2. 아이콘을 사용하려면 npm install @material-ui/icons를 설치합니다.

3. CSS를 개별적으로 CSS로 변경하려면 .MuiSvgIcon-root를 생성하여 사용합니다.