CloneCoding-Noitter
1.[Noitter] Twitter Clone Coding (트위터 클론코딩) 1 - 클론코딩 세팅
Twitter(트위터)라는 SNS의 UI 구현백엔드 없이 firebase를 이용하여 실시간 처리로그인 / 회원가입 / 회원탈퇴 (email, SNS계정, Github 인증)게시글 작성 / 수정 / 삭제 등 실시간 처리HTML5CSS3JavaScriptReactfireb
2.[Noitter] Twitter Clone Coding (트위터 클론코딩) 2 - 로그인 파일/컴포넌트 설계 및 구현
: 메인페이지 (로그인 유무 및 초기 계정인지 확인) : state - isLoggedIn, init, useEffect() : 로그인 유무에 따른 페이지 라우팅 : component - <AppRouter />, <Routes> : 로그인이 확인
3.[Noitter] Twitter Clone Coding (트위터 클론코딩) 3 - CRUD(1-Create)
내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 생성하는 기능Noweet(노윗)이라는 submit 버튼 클릭 시 글 작성이 완료(Create)됨작성한 Noweet은 firebase에 저장되어, firebase에서 확인 가능함: 로그인
4.[Noitter] Twitter Clone Coding (트위터 클론코딩) 4 - CRUD(2-Read)
내 포스팅 : 로그인 파일/컴포넌트 설계 및 구현 에서 로그인 성공한 유저가 글을 읽는 기능내 포스팅 : CRUD(1) : Create/Read/Update/Delete CREATE ! 에서 작성한 글이 firebase에 저장되었는데, 그 글을 불러와 메인페이지에 출력
5.[Noitter] Twitter Clone Coding (트위터 클론코딩) 5 - CRUD(3-Update)
로그인 성공한 유저가 자신의 글을 수정(Update)하는 기능내 포스팅 : CRUD(2) : Create/Read/Update/Delete READ ! 에서 분리한 <Noweet />컴포넌트에서 해당 글 유저라면 Update버튼이 노출되게 구현Update 버튼을
6.[Noitter] Twitter Clone Coding (트위터 클론코딩) 6 - CRUD(4-Delete)
로그인 성공한 유저가 자신의 글을 삭제(Delete)하는 기능삭제 시 firebase의 데이터도 함께 삭제되어야 함단, 자신이 작성한 글이 아니라면 Delete 버튼 노출되면 안됨 ❗: 로그인 성공 시 자신과 타유저의 글을 열람(Read)할 수 있는 페이지: 내 포스팅