- React, Firebase를 이용한 리액트 블로그 프로젝트 입니다.
- URL: https://fastcampus-react-blog.web.app/
- Pull Request 탭에서 각 기능별 코드를 확인하실 수 있습니다.
- CRUD 기능 구현
- 사용자 인증 및 권한 관리
- 라우팅과 페이지 구성
- (create-react-app) SPA
- Context API
- 권한관리
- 테마관리(다크모드 기능)
- CSS 사용 (BEM 구조)
- 캐러셀 transition
- Firebase
- 헤더, 푸터, 리스트, 폼, 캐러셀
- firebase의 firestore를 이용한 실시간 데이터 생성
- firebase auth를 이용한 사용자 인증 개념
- React
- Firebase(로그인, 보안, 통신)
- CSS
- Vercel
- 폴더 구조
- CRA 이용 프로젝트 세팅
- React hooks(useEffect, useState, useContext, useCallback)
- React-router-dom 라우터
- 로그인 페이지
- Firebase Auth 사용자 인증 기본 로그인
- 메인페이지
- 최신 글 목록, 특징 콘텐츠 보여주기
- 글 목록 페이지
- 블로그에 작성된 모든 글의 목록 보여주기
- 해당 글 선택시 상세페이지 이동
- 글 상세 페이지
- 글 제목, 내용, 작성자, 작성일 등 표시
-
글 수정 페이지(CRUD)
-
카테고리 메뉴
-
사용자 프로필 페이지(Velog,Medium st)
- 다크모드
- 내가 쓴 글
- 댓글 CRUD
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent