253일차 리액트(React) - 트위터 웹사이트 (1) : 환경 설정

1. 리액트 프로젝트 생성 및 쓸데없는 파일 제거

 

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

 

3. 파이어베이스 라이브러리 설치

 

4. 파이어베이스 설정

 

5. env 파일 설정

 

6. Router, Auth, EditProfile, Profile, Home 파일 생성 및 설정

- Router.js

 

- Auth.js

 

- EditProfile.js

 

- Profile.js

 

- Home.js

 

7. 훅스(Hooks)

-> 함수 컴포넌트는 상태 관리를 위해 훅스를 사용한다.

 

- 훅스를 위한 useState 함수의 역할

훅스를 사용하려면 useState 함수를 사용하면 된다. 이 함수는 인자로 [상태, 상태 관리 함수 이름]와 같은 형태의 배열을 입력 받는데, 입력 받은 상태와 상태 관리 함수를 짝지어 준다.

대충 [변수명, 변수값변경함수] 이렇게 생긴 배열이 생성된다고 생각하면 될듯?

 

8. useState 함수 사용하기