#03 React 프로젝트에서 Firebase 사용하기 : Authentication (회원가입 기능 구현)

#03 React 프로젝트에서 Firebase 사용하기 : Authentication (회원가입 기능 구현)

▼ Firebase 환경 설정하기 ▼ #02 React 프로젝트에서 Firebase 환경 설정하기 2023.11.21 - [Database] - FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ zerotonine2da.tistory.com ▼파이어베이스 API 라이브러리 참고 자료 (사용법): 외우지 말고 찾아서 사용하기! ▼ JavaScript 프로젝트에 Firebase 추가 의견 보내기 JavaScript 프로젝트에 Firebase 추가 컬렉션을 사용..

  • format_list_bulleted Database
  • · 2023. 11. 21.
  • textsms
#02 React 프로젝트에서 Firebase 환경 설정하기

#02 React 프로젝트에서 Firebase 환경 설정하기

FireBase 주요 서비스 기능 (Authentication , Firestore , Storage ) 1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지 zerotonine2da.tistory.com (1) Firebase 프로젝트 추가 1. Firebase console 검색 후 로그인: https://console.firebase.google.com/ 2. 프로젝트 추가 - 프로젝트 이름 지정 - 애널리틱스 미사용 클릭 - 프로젝트 만들기 3. : 웹 클릭 - 앱 등록 (호스팅은 미체크 : 다른거 쓸 예정) -..

  • format_list_bulleted Database
  • · 2023. 11. 21.
  • textsms

#01 FireBase 주요 서비스 기능 (Authentication , Firestore , Storage )

1. FireBase 개념 (1) 구글이 제공하는 서버리스(serverless) 플랫폼 ▶ 서버리스 : Firebase가 웹 서버 개발에 필요한 인프라 제공 => 개발자는 서버 관리 안해도 됨! : 서버 있음! : [사용 이유] 백엔드의 지식없이도 웹 서비스 출시 가능 (2) BaaS (Backend as a Service) : 백엔드 부분을 서비스로 사용하기! : 로그인, 스토리지 등 API형태로 사용 가능 (3) FireBase 주요 서비스 ▶ Authentication : 사용자인증 (회원가입 + 로그인 ) => 이메일, 패스워드 로그인 + 구글 로그인 쉽게 가능 ▶ Firestore : NoSQL DB / 자바스크립트 객체와 유사하여 사용하기 편리 ▶ Storage : 파일 업로드 & 다운로드 (..

  • format_list_bulleted Database
  • · 2023. 11. 21.
  • textsms
#05 리액트를 사용한 팬레터 웹사이트 개발 : 상세화면 UI 구현 및 공통 컴포넌트 & 공통 함수 적용

#05 리액트를 사용한 팬레터 웹사이트 개발 : 상세화면 UI 구현 및 공통 컴포넌트 & 공통 함수 적용

#04 리액트를 사용한 팬레터 웹사이트 개발 ▼: 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 제한 방법▼ React#04 리액트를 사용한 팬레터 웹사이트 개발 : 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 #03 리액트를 사용한 팬레터 웹사이트 개발 ▼: DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기 ▼ #03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 홈화면 팬레터 클릭시 상세페이지로 이동 (useNavigate 사용) 상세화면 UI 구현 공통 컴포넌트 적용 + 조건부 스타일 공통 함수 적용 홈버튼 (Link ..

  • format_list_bulleted React
  • · 2023. 11. 20.
  • textsms
#04 리액트를 사용한 팬레터 웹사이트 개발 : 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 제한 방법

#04 리액트를 사용한 팬레터 웹사이트 개발 : 팬레터 등록 기능 구현 및 유효성 검사 , 글자수 제한 방법

#03 리액트를 사용한 팬레터 웹사이트 개발 ▼: DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기 ▼ #03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-compone zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 팬레터 입력창(AddForm) : 팬레터 등록 기능 구현 유효성 검사 : 닉네임과 내용 미입력시 등록되지 않도록 적용 최대 글자..

  • format_list_bulleted React
  • · 2023. 11. 20.
  • textsms
#03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기

#03 리액트를 사용한 팬레터 웹사이트 개발 : DummyData로 리스트 UI 구현 및 클릭한 사람 데이터만 보이기

▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #02 리액트를 사용한 팬레터 웹사이트 개발 : 홈 화면 UI 구현 및 조건부 스타일링 (styled-component) ▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 ▼ #01 리액트를 사용한 팬레터 웹사이트 개발 : 라우터 설정 및 전역스타일링 설정 개인프로젝트 (리액트 팬레 zerotonine2da.tistory.com 개인프로젝트 (리액트 팬레터 홈페이지 만들기 ) 과제 해설 홈 화면 UI: Dummy Data(fakeData.json)를 이용한 리스트 UI 구현 + 멤버별 팬레터 출력 (1) Dummy Data(fakeData.j..

  • format_list_bulleted React
  • · 2023. 11. 20.
  • textsms