서비스소개

게임을 좋아하는 사람들이 자유롭게 소통하는 게임커뮤니티 사이트 입니다. 자유게시판을 통해 로그인 없이 자유롭게 글을 작성할 수 있으며, 포인트를 충전하여 중고마켓에서 유저들이 등록한 게임 장비, 굿즈 등을 거래할 수 있습니다.

페이지	주요기능
자유게시판	・ CRUD ・ Pagenation ・ Search (debounce library 사용) ・ 좋아요 & 싫어요 ・ 댓글 ・ Youtube 영상, 이미지 업로드 (react-player 사용) ・ Carousel (React-slick 사용) ・ infinite scroll (React Infinite Scroller 사용) ・ 주소 (React-daum-postcode 사용)
중고마켓	・ CRUD ・ 주소 (React-daum-postcode 사용) ・ infinite scroll (React Infinite Scroller 사용) ・ Editor (react-quill 사용) ・ 지도 (kakao openApi 사용) ・ 결제 (아임포트 api 사용) ・ 댓글, 대댓글 ・ 장바구니 ・ 검색 (특정 단어, 날짜) ・ 찜하기 ・ HashTag ・ 권한 분기
Giphy	・ 짤방 검색 (Giphy openApi 사용) ・ History (Firebase 사용)
로그인	・ 로그인 ・ AccessToken을 이용한 로그인 유지
회원가입	・ 회원가입
렌딩	・ Fullpage

기술 스택

• Next.js
• Apollo Client
• Graphql
• Emotion & Styled-component
• TypeScript
• ContextApi
• Firebase

라이브러리 & Open Api

• Debounce
• lodash
• React-player
• React-slick
• React Infinite Scroller
• React-daum-postcode
• react-quill
• Kakao map api
• 아임포트 api
• Giphy api

기능 영상

Rending page

• Fullpage

자유게시판

• List page & Detail page (Pagenation, Search, react-player, Carousel)

• 글쓰기 (daum-postcode)

회원가입

중고마켓

• 권한분기, 로그인

• 찜하기, 날짜 검색, 무한 스크롤

• 오늘 본 상품, 상품 디테일

• 상품 등록, HashTag, Editor

• 주소, 지도, 이미지 등록

• 삼품 수정, 삭제

• 댓글 CRUD, 지도

• 포인트 충전

• 상품 구매

Giphy

• 움짤 검색하기

• history