HEURM PROJECT
7. 유저 메뉴 구현
UserThumbnail 만들기
유저 메뉴 만들기
8. Post 모델 만들기, API 만들기
Post 스키마 만들기
포스트 관련 API 틀 준비하기
포스트 작성 API 구현하기
포스트 로딩 구현하기
9. 포스트 작성 UI 구현
반응형 컴포넌트 PageWrapper 만들기
WritePost 컴포넌트 틀 구성하기
WritePost 에 TextArea 띄우기
Progress 컴포넌트 준비하기
WritePost 텍스트 상태 관리하기
Progress 컴포넌트 기능 구현하기
포스트 작성 API 호출하기
WritePost 반응형 디자인 적용하기
react-toastify 를 통한 알림
10. 포스트 보여주기
PostList 생성 및 Masonry 테스팅
포스트 초기로딩 액션 작성하기
초기로딩 API 호출하기
유저 프로필, 유저 썸네일 API 생성
포스트 기본정보 렌더링
포스트 정보 props 로 전달하기
prefetching 이 적용된 무한스크롤링 구현하기
11. WebSocket 을 통한 실시간 통신 구현하기
서버에 Websocket 적용하기
Redis 를 통한 브로드캐스팅
새 포스트 생성시 실시간 전송
클라이언트에서 소켓 접속 및 새 포스트 띄우기
12. 좋아요 기능 구현하기
like / unlike 모델 메소드 만들기
좋아요 API 만들기
포스트 받아 올때 liked 값 설정해주기
좋아요 / 좋아요 취소 API 함수 및 액션 작성
좋아요 UI 구현하기
좋아요 기능 구현하기
13. 덧글 기능 구현하기
Post 모델 덧글 작성 메소드 만들기
덧글 작성 API 만들기
덧글 창 구성하기
덧글 창 상태 리덕스에서 관리하기
덧글 창 토글 하기
덧글 인풋 상태 관리하기
덧글 작성 API 함수 준비 및 호출
덧글 렌더링하기
덧글 끊어서 5개씩 더 보기
14. 덧글 기능 구현하기
유저 라우트 만들기
UserHead 만들기
유저 프로필 조회하기
유저 포스트 보여주기
유저 아이디 눌렀을 때 유저페이지로 이동시키기
새 데이터 로딩 방지 및 유저네임 바뀌면 리로딩
유저메뉴 - 나의흐름에 링크 달아주기
15. 컴포넌트 최적화 및 배포하기
컴포넌트 최적화하기
리액트 앱 빌드 및 서버에서 제공하기
Vultr 인스턴스 생성하기
준비중
Published with GitBook
HEURM PROJECT
HEURM PROJECT
우리는 지금까지 로컬 로그인 연동을 마쳤습니다. 이제 앞으로 흐름 프로젝트의 남은 기능들을 구현하겠습니다. 앞으로 남은 기능들은 다음과 같습니다:
7강
유저 메뉴 UI 구현
Post 모델 만들기, API 만들기
포스트 작성 UI 구현
포스트 초기 로딩 구현
포스트 무한 스크롤링 + Prefetching 구현
8강
소켓을 통한 실시간 데이터 받기
좋아요 구현하기
덧글 작성하기
유저페이지 구현하기
배포과정 알아보기
results matching "
"
No results matching "
"