728x90
반응형
(심층)리액트트위터 클론코딩(with firebase) - 06
(심층)리액트2023. 2. 18. 18:09(심층)리액트트위터 클론코딩(with firebase) - 06

7. EDIT PROFILE 7-1. Get My Own Nweets 이제 해야 할 것은 프로필을 가져오는 것. => 프로필 화면을 만들 거임. 기존에 만들어뒀던 EditProfile.js은 없애고 Profile에서 작업을 해줄 거임. 7-2. Update Profile 7-3. Update Profile Bugfix

트위터 클론코딩(with firebase) - 05
(심층)리액트2023. 2. 14. 00:32트위터 클론코딩(with firebase) - 05

6. FILE UPLOAD 6-1. Preview Images - 게시글에 글과 함께 사진도 올리고 싶음. 이럴 때 쓰는 게 Storage. Storage는 이미지, 오디오, 동영상 같은 사용자가 생성한 파일을 저장하고 가져올 수 있게 하는 저장소. test mode로 해서 bucket 생성. bucket은 파일을 넣는 곳임. 이제 사진을 함께 올릴 것이기 때문에 Nweet하는 방법을 바꿔야 함. Home.js에 코드 추가. 이 input은 모든 이미지로 된 파일만 받아들인다는 의미. 그럼 화면에 이렇게 나타남. 우리가 원하는 것은 파일을 선택하고 이미지 선택을 눌렀을 때 사진을 미리보기 하는 것. 고로 우리는 파일이 string 형식으로 들어왔을 때 그걸 읽어올 수 있어야 함. onFileChange라..

트위터 클론코딩(with firebase) - 하나의 이메일로 여러 계정 생성이 안되는 문제 해결
(심층)리액트2023. 2. 9. 20:08트위터 클론코딩(with firebase) - 하나의 이메일로 여러 계정 생성이 안되는 문제 해결

- 하나의 이메일로 여러 계정 생성이 안되는 문제 firebase는 사용자가 다른 ID 공급업체를 사용하여 로그인하는 경우 로그인 시 계정을 자동 병합하도록 기본값이 설정. 그렇기 때문에 ID 공급업체 별로 계정을 생성할 수 있도록 설정을 변경해주면 동일한 이메일을 가지고 구글과 깃허브 계정 모두 생성할 수 있음. * 설정 경로: 콘솔 → 프로젝트 → authentication → settings → ID 공급업체 별로 여러 계정 만들기 클릭 후 저장

728x90
반응형
image