https://github.com/codestates-seb/seb41_main_033

Play Together. Share Together. 🕹️게이머🕹️를 위한 소셜서비스, GAMETO
https://github.com/codestates-seb/seb41_main_033

Last synced: about 1 year ago
JSON representation

Play Together. Share Together. 🕹️게이머🕹️를 위한 소셜서비스, GAMETO

• Host: GitHub
• URL: https://github.com/codestates-seb/seb41_main_033
• Owner: codestates-seb
• Created: 2023-01-03T00:55:45.000Z (over 3 years ago)
• Default Branch: dev
• Last Pushed: 2023-09-21T16:53:09.000Z (over 2 years ago)
• Last Synced: 2025-04-13T01:43:36.482Z (about 1 year ago)
• Language: Java
• Homepage: https://gameto.kr
• Size: 46.1 MB
• Stars: 7
• Watchers: 2
• Forks: 3
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# ✨맑게✨고인물

![gameto_og](https://user-images.githubusercontent.com/111413253/214849189-3abe2fbd-008c-42ee-b4d1-96f9164d7005.png)

## 소개문

[GAMETO 배포서버 바로가기!](https://gameto.kr)

![image](https://user-images.githubusercontent.com/110885981/215445088-c01268d2-0d3f-403c-9d07-217bc7393eda.png)

![image](https://user-images.githubusercontent.com/110885981/215445186-a0a24c51-59e1-4056-90d1-88e3a0a7905e.png)

- 게스트 id/pw: gameto33guest / guest12!@

## 팀원소개

     

### FE 김소라

work log

- 로그인 페이지 뷰 구현 및 유효성검사

- 매칭하기 페이지 뷰 구현 및 페이지네이션 구현

- 매칭하기 작성하기,수정하기 페이지 뷰 구현

- 검색하기 기능 구현

- 게임추천하기 드래그앤 드롭 구현및 사운드 추가

- `redux toolkit`을 이용해 상태 업데이트와 persist 미들웨어를 사용해 로컬스토리지에 저장  

소감

메인 프로젝트 시작전에는 남들에 비해 못해서 많은 불안감이 있었지만 팀원들이 너무 좋고 으쌰으쌰하는 분위기라 항상까지는 아니지만 즐겁게 작업하고 있습니다 😀

  리덕스 툴킷을 쓰면서 아직 어려운 부분도 있지만 비동기가 아닌 상태관리에서는 잘쓰고 있습니다 간단한 CRUD 부분만 맡았지만 막상 구현해보니 생각하지도 못한 부분에서 에러가 났지만 소통하여 같이 해결해 나가고 백엔드 쪽에서 실시간으로 어떤 에러가 뜨는지 실시간으로 알려 주실 정도로 협업이 잘되고 이게 진정한 협업이 아닐까 생각 합니다 맑고 고인물 즐겁다✨

### FE 신나현

work log

- figma 작업 90%정도(프론트 선생님들 인정인가요)

- 전역스타일 기초 작업, 모바일 반응형 구현

- 회원가입 페이지 뷰 구현 및 유효성 검사, API 연결

- 스토리 뷰 구현, API연결, 무한스크롤 구현

- 스토리 상세보기 뷰 구현, API 연결, CRUD 구현

- 스토리 댓글 뷰 구현, API 연결, CRUD 구현

- 스토리 좋아요, 댓글 좋아요 API 연결, 기능 구현 

소감

API 연결을 자꾸하다보니 axios와 친해질 수 있어서 좋았고, 막연해서 갑갑했지만 무한스크롤 구현하고 나니 뿌듯합니다! 

CRUD 도 스토리, 댓글 이렇게 2번 정도 해보니 감이 좀 잡혀서 나중에 하면 좀 더 잘할 수 있지 않을까 하는 생각에 기분이가 좋습니다😁

무엇보다 프로젝트는 어떤 사람과 하는지, 소통이 얼마나 잘되는지가 중요하다고 생각하는데 다행히 그런 면에서는 최고의 팀원이 아닐까 싶습니다.

앞으로 정말 이렇게 사람 좋고 우수한 백엔드와 프론트엔드 팀원을 또 만날 수 있을까요?! 팀원 운은 가히 최고였다고 자부합니다!

이렇게 좋은 분위기에 다들 열심히 하고 즐겁게 작업할 수 있게 해주었던 우리 33조 맑은 고인물 선생님들 정말 최고입니다! 내가 많이 아껴여 고생많았습니다!!!

### FE 손수빈

work log

- 유저 프로필 관련 페이지 뷰 구현 및 API 연결(R, U)

- 유저 프로필 내부 매칭글 및 스토리 페이지네이션 구현(R)

- 블락 리스트 페이지 뷰 구현 및 API 연결(C, R)

- 회원 탈퇴 페이지 뷰 구현 및 API 연결(D)

- 헤더 컴포넌트 API 연결(R)

- 서버 게임 DB와 클라이언트 게임 icon 매칭하는 유틸 함수 제작

- 공통 팝업 컴포넌트 뷰 구현 및 필요한 페이지에 연결

- `open graph` 설정 및 favicon 변경

- `redux toolkit`을 이용해 상태 업데이트를 반영하여 즉각적인 화면 렌더링 구현

소감

아무런 아이디어도 없이 '미디어'라는 커다란 카테고리 아래에 모였던 6명이 한 달 남짓한 짧은 시간동안 많은 것을 해냈습니다.

이미 만들어진 서비스가 아닌, 공통적인 관심사인 '게임'이라는 주제로 정말 우리가 만들고 싶은 서비스를 만드는 과정이었기에 즐겁게 작업할 수 있었습니다!

어렵지 않을까 싶었던 요구사항들을 뚝딱뚝딱 해결해주었던 든든한 백엔드 팀원들, 모르는 부분은 어떻게든 공부하여 만들어오는 재능 넘치는 프론트 팀원들과 함께할 수 있어서 너무나 다행입니다.

다만 저의 경우 기본적인 CRUD만을 담당하게 되어서 다른 프론트 팀원들이 과하게 힘든 작업들을 거쳐야하지 않았나 하는 아쉬움이 남네요!

비록 스스로 구현하지는 못했더라도 작성해주신 코드를 보면서 또 한 번 공부할 수 있는 귀한 시간이었습니다! 감사해요 맑게고인물! 💖즐겁다💖!

### BE 신대경

work log

- 게임 DB 구축 및 랜덤 게임 추천 로직 구현

- 매칭 게시글 CRUD 기능 구현

- 회원 프로필 이미지 CRUD 기능 구현

- AOP를 활용한 로그 기능 구현

- cloudType 서비스를 활용한 배포

소감

AWS S3를 이용한 MultipartFile 관리, 게시물 검색, 차단 필터링, 새로운 배포 방식 적용 등, 새로운 기술들을 적용해볼 수 있는 기회가 많아서 좋았습니다. 처음에는 우여곡절이 많았지만 팀원분들과 커뮤니케이션 하면서 해결 방법을 찾아가는 과정 속에서 많은 것을 배웠고, 테스트가 성공했을 때의 짜릿함은 앞으로의 공부에 있어서 좋은 원동력이 될 것 같습니다.

스스로 다짐을 하게 된 부분이 있다면, 항상 자기 자신을 의심하는 자세를 가져야 겠다는 것이었습니다. 팀 내부적으로 토론을 하거나 정보를 공유할 때 설명을 덧붙이는 경우가 많은데, 돌이켜 생각해보면 근거가 부족한 설명이나 의견이 더러 있었다는 것을 느낍니다. 결국 부족했던 정보 때문에 해당 내용을 다시 공부하거나 다른 대안을 찾아야 하는 상황까지 생길 수 있기 때문에, 무엇을 안다는 생각이 든다면 끊임없이 의심하고 확인을 거듭하는 습관 또는 자세를 갖춰야 할 것 같다는 생각을 했습니다.

무엇보다 중요한 것은 프로젝트를 통해 '협업'을 해보았다는 것입니다. 실무 협업은 프로젝트 협업과는 또 느낌이 많이 다를 수 있겠지만 일단 경험해 보았다는 사실이 중요하고, 해 보았기 때문에 실무 협업에 대한 막연한 안개가 조금이나마 걷히고 잘 할 수 있을거라는 자신감을 얻은 것 같습니다.

### BE 양건모

work log

- 스토리 게시판 CRUD 구현  

- form-data 형식으로 파일과, json형태의 글을 받아오게 처리  

- 팔로우 한 유저의 게시물만 따로 볼 수 있게 구현  

- 댓글 게시판 CRUD 구현  

- 사용자가 차단한 유저의 게시글과 댓글은 보이지 않게 처리  

- 스토리 게시판과 댓글에 좋아요 기능 추가 

소감

메인 프로젝트를 시작하기 전에는 기획부터 시작해서 모든 것을 스스로 해야했기 때문에 막막함이 있었습니다.  

하지만 좋은 팀원들을 만난 덕분에 많이 배우면서 맡은 부분을 수행할 수 있게 되었습니다.  

구현해 낼 수 있을까라는 의문이 드는 기능을 해내면서 개발의 짜릿함을 느꼈고 이 경험은 앞으로 실무를 하는데 있어서 큰 도움이 될 것 같습니다.  

서로 문제가 생겼을 때마다 공유하며 문제를 해결해 나가는 과정에서 협업이란 무엇인지 깨닫게 되었고  

소통과 분위기가 너무 잘되고 좋은 팀원들 덕분에 프로젝트를 잘 마무리 할 수 있었습니다.

 

### BE 조대희

work log

- Member Rest API 엔드포인트 생성

- Member CRUD Business Logic 구현

- Security 기본 설정 및 JWT 적용

- redis를 활용하여 로그아웃 구현

- 팔로우, 회원 좋아요, 차단 API, Business Logic 구현

소감

`즐겁다!` 저희 팀의 모토가 아닐까 싶습니다.  

팀의 분위기가 언제나 밝고 의욕이 넘쳐났기에 즐겁고 파이팅 넘치게 팀 활동을 이어나갈 수 있었고, 서로의 어려움과 어쩔 수 없이 생겨나는 갈등을 서로가 도와가며 해결해나가는 저희 팀을 보며 "어디까지나 혼자 하는 것이 편하다"라는 제 생각의 틀을 깰 수 있었던 게 이번 프로젝트를 하며 가장 크게 얻어 가는 것이라고 생각합니다. 팀의 리더가 됐음에도 미숙한 점이 많아 걱정이 앞섰는데 제네럴 부팀장 소라님, 꼼꼼한 서기 나현님, 즐겁다의 인격화 수빈님, 백엔드 해결사 대경님, 영원한 듀오 건모님 모두가 있어 프로젝트를 잘 마무리할 수 있었습니다. 여러 SNS에서 사용되는 회원의 기능과 Security 등을 구현하며 얻은 개발적인 지식 뿐만 아니라  팀 활동의 긍정적인 영향까지 모두를 얻어 갈 수 있었던 프로젝트였기에 다시 한번 팀원분들에게 감사드리고 이런 경험을 잘 녹여내어 어떤 팀이든 잘 적응하는 개발자가 될 수 있도록 증진하도록 하겠습니다!

 

## 기술스택

![gameto_skillstack](https://user-images.githubusercontent.com/110885981/215437238-f5c2903b-c529-4de9-ae1f-e8cbddf3ea98.png)

## 주요 페이지 뷰

매칭하기로 구하는 파티원

![page_01](https://user-images.githubusercontent.com/110885981/215438986-36afae98-5c03-46b3-9b95-5dec6235ceef.gif)

가볍고 자유로운 스토리

![page_02](https://user-images.githubusercontent.com/110885981/215440663-a39c92d3-4c25-4f1f-b2b1-cd817029bc1a.gif)

스토리 댓글달기

![page_03](https://user-images.githubusercontent.com/110885981/215439156-bbf1b4d9-3e0c-4fb1-805e-cd0b2a94186d.gif)

유저 팔로우, 차단, 좋아요까지

![page_04](https://user-images.githubusercontent.com/110885981/215439177-49782fef-7fc6-453a-a095-db03a6a95c86.gif)

한 눈에 보기쉬운 마이 프로필

![page_05](https://user-images.githubusercontent.com/110885981/215439198-a3f24158-6df6-4a0b-aad6-bd6d7f858db8.gif)

유저 차단하기

![page_06](https://user-images.githubusercontent.com/110885981/215439224-08c208f9-6ee1-4fb7-b0d1-10c17b089781.gif)

오늘은 게임 뭐하지?

![page_07](https://user-images.githubusercontent.com/110885981/215439262-f1466081-3830-44b1-9a3e-bd3d01910a1f.gif)