project

🔍 Boostbook 프로젝트

네이버 부스트캠프 멤버쉽 프로젝트. Facebook 클론 프로젝트.
주요 기술 (Frontend) React, Typescript, Apollo Client (Backend) Node.js, Typescript, Express, Graphql, Graph DB(neo4j)
본인 역할 - (공통) : 테스트코드 작성, Neo4j Cypher(쿼리) 작성 - 프로젝트 환경설정 
( Backend : Express, Typescript, Graphql Server, Graphql Code Generator 환경 설정, eslint 등, Frontend: Apollo client, Code generator ) - 피드 작성 : 이미지 업로드 시 미리보기 기능, graphql을 통한 여러 이미지 업로드 - 전역 상태 관리: Context API , useReducer를 이용한 전역적 상태관리, Header Tab, 채팅창 부분에 대한 전역적인 상태를 만들어 관리함. - 채팅 : Graphql Subscription(Web Socket)을 통한 채팅 구현, IntersectionObserver을 이용한 무한 스크롤, 사용자 검색을 통한 새메세지 창 구현 - localStorage를 이용한 피드 작성 내용 ( 사용자 경험 )
내용 페이스북 클론 코딩 ( 피드, 알람, 채팅, 사용자 현재 접속 확인 등 주요 기술을 구현 ). 저희는 프로젝트를 하면서 협업을 어떻게 해야 되는지에 대한 부분도 신경을 많이 썼습니다. 프로젝트를 진행하면서 팀원들과 같이 issue를 생성하고, 각자 분배하며, issue에 대한 PR을 통해 팀원들 간에 코드 리뷰를 진행하였던 것이 좋았습니다. 그리고 네이버, 카카오 등 시니어 개발자분들에게 코드 리뷰를 받는 것도 제가 성장하는 데 큰 역할을 했다고 생각합니다. 또, 데일리 스크럼을 한 것을 기록에 남기고, 토론했던 사항들도 wiki에 남기려고 노력했습니다.
  • typescript
  • react
  • nodejs
  • graphql
  • graph db (neo4j)
  • express
  • apollo client
  • Top
    Copyright©2022 Klog(blackbell) all right reserved