• 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

준비중

15-4 필요한 도구 설치 및 서버 실행

이 부분은 방송 위주로 진행됩니다

참조 링크

  • https://www.digitalocean.com/community/tutorials/how-to-install-mongodb-on-ubuntu-16-04
  • https://www.digitalocean.com/community/tutorials/how-to-install-and-configure-redis-on-ubuntu-16-04
  • https://github.com/creationix/nvm
  • http://pm2.keymetrics.io/

results matching ""

    No results matching ""