Skip to content

Latest commit

 

History

History
56 lines (35 loc) · 2.21 KB

README.md

File metadata and controls

56 lines (35 loc) · 2.21 KB

Welcome to Slack Clone project (with GraphQL)!

사내 스터디 진행 시 사용할 슬랙 클론 프로젝트 입니다 : )

What We are building?

GraphQL을 통한 'Slack (https://slack.com/)' 클론 프로젝트를 준비했습니다.

GraphQL과 React를 주 언어로 활용하여 백엔드, DB, 프론트엔드의 모든 개발 과정(full-stack, like a boss😎)을 백지부터 시작하여 완성해나가는 과정을 함께 진행하실 수 있으며 최신 스택에 대한 개발 방법 및 노하우 또한 얻을 수 있습니다.

GraphQL과 ORM에 대한 강의는 처음인지라 난이도는 초중급 정도로 준비하였습니다.

맛보기 정도로 생각하시면 좋겠습니다만, 이후 더욱 난이도 높은 강연을 진행 시 충분히 도움이 될만한 기틀이 되리라 생각합니다.

평소 본인의 영역이 아닌 다른 개발 영역에도 관심이 있었거나 아래 스택이 관심 스택이었던 분들에게도 적합할 것 같습니다.

강의 내용은 모두 녹화될 예정이며, 강의에 신청하신 분들 중 스터디 당일 사정 상 불참하시는 분들에게 제공하도록 하겠습니다.

신청 방법 및 일정은 이후 별도 공지하도록 하겠습니다.

Gifts for You

Backend

  • Node.js with GraphQL

  • Typescript

  • PostgreSQL(Database)

  • TypeORM

Frontend

  • React

  • React Hooks

  • apollo-client

  • styled-components

Curriculum

Backend

  • 1. 나의 첫 GraphQL 서버
  • 2. typeORM & PostgreSQL 설정 및 GraphQL 연동
  • 3. typeORM Entity 작성 방법 및 실습 (메세지, 채널)
  • 4. GraphQL schema merge를 통한 스키마 관리
  • 5. GraphQL typeDefs 작성 방법 및 실습 (메시지, 채널)
  • 6. GraphQL resolver(Query, Mutation, Subscription) 작성 방법 및 실습 (메시지, 채널)

Frontend

  • 1. Apollo-client 설치
  • 2. useContext를 통한 GlobalState 관리 방법
  • 3. GraphQL 데이터 호출 실습 (Query, Mutation, Subscription)
  • 4. 채널 목록 & 메시지 작성 & 메시지 목록 UI 에 GraphQL 끼얹기