최근 양자택일을 하는 밸런스 게임이 유행하며, 다양한 커뮤니티에서 해당 주제에 대해 토론하고 의견을 나누는 모습을 종종 볼 수 있었습니다. 이러한 사용자층을 타겟으로 공식적인 밸런스 게임 토론 플랫폼을 제공하자는 취지에서 프로젝트를 제작하게 되었습니다.
https://github.com/CHZZK-Study/Balance-Talk-Backend
|
|
|
이메일 인증, 인증번호 확인, 닉네임 중복 확인, 비밀번호 형식 확인, 프로필 이미지 크기 확인 절차를 거쳐서 회원가입을 진행할 수 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321518115-fbc1af36-81bc-4fe0-a4c1-ed8272b3e2c6.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MTgxMTUtZmJjMWFmMzYtODFiYy00ZmUwLWE0YzEtZWQ4MjcyYjNlMmM2LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTQxNTA1ZWJhNWEwZTk5MWI2NGNjYzMxMDg2ZjY2MmIwODBiMzNmMjEwMzY4NmZjOGI1NzFjYjQ2MzhkY2ZlMGEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.wU9zd6dPL0S4csoaeh-1JL40-DZ4JWIyb4Dsi2JiyiM)
로그인을 통해 회원이 사용할 수 있는 여러 기능들을 사용할 수 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321518968-3fd0cbd3-259b-44b1-b675-10796153268b.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MTg5NjgtM2ZkMGNiZDMtMjU5Yi00NGIxLWI2NzUtMTA3OTYxNTMyNjhiLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTAxMjFmZWU1NWE1NmVlNGVhODM5NTBlNjRlZTliNWIyNTE0ZTNhYTdlYzRhZmM0ODNiNjZjN2ZiYTU2Yjc3ZjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.4Ilfe-8BmFMGEJH3lN3Ln_lnMeFLo2yWsSH_szJGT68)
비밀번호를 잊었다면 비밀번호 찾기를 통해 임시 비밀번호를 발급받을 수 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321519938-ff3cb250-bc3f-4f89-bccd-e7f77750ccc5.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MTk5MzgtZmYzY2IyNTAtYmMzZi00Zjg5LWJjY2QtZTdmNzc3NTBjY2M1LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNmYmRjMGM2MjE5NWUwNDk1NGU1Yjc2NDU2YmIxZGU1YmQ4YWMzNmYxYmM5NGVkOTQwMDY4ZTU1NzZmZjY3ZDQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.h9KShN4JxeXlW5Yad_nd3C1iKLVWYePbgjUlppJdvj8)
마이페이지에서는 활동내역 조회, 회원정보 수정, 회원 탈퇴 기능을 제공하고 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321521840-9ab0b4fb-6fd5-4293-8e9a-e7d243e02c74.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjE4NDAtOWFiMGI0ZmItNmZkNS00MjkzLThlOWEtZTdkMjQzZTAyYzc0LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFlNGRjNWE4ZWJkYTJhZmNjYmUwYTdkYmRlNDljMDVkNjRiM2Q2MDdkZGM3ODVkZGY5YTA1NTBjN2ExOGI5NTcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Ja6CzFQAIPxNumQzmpHBRQLgUI6iWR2aM8-4u7Xs0-A)
활동내역은 크게 내가 작성한 게시글 조회 및 삭제, 내가 작성한 댓글 조회, 내가 투표한 게시글 조회, 내가 북마크한 게시글 조회 및 북마크 해제 기능을 사용할 수 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321522121-b0f4a2f6-7940-4fe6-be0a-89af45c77ca6.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjIxMjEtYjBmNGEyZjYtNzk0MC00ZmU2LWJlMGEtODlhZjQ1Yzc3Y2E2LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ4YTBjZDc5YzNjYzY5ODkyZDA3ZDllNDFhNDBlNGZmYzliOWU3NWFhYzgzNzk0OWQ1OTg0MDg0ZTZkYThkNWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CIiXxcC31UkibQkwVitYsW_pz18wgyYX29sWgw1POTQ)
밸런스게임 본문 페이지에서 원하는 선택지에 투표할 수 있어요.
투표 후 바로 투표 결과를 확인할 수 있어요.
![](https://private-user-images.githubusercontent.com/84820008/321526895-8efedb10-b66b-447f-9c46-a3108890cd7f.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjY4OTUtOGVmZWRiMTAtYjY2Yi00NDdmLTljNDYtYTMxMDg4OTBjZDdmLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTdiNmZkYzY5MzAyMGYwOTZlMzE5MmE1MThlZjg5ZmE1M2Y5NzU5YjkxYjZlYzA3ZWEyN2UwNGU1M2UxYzgyNDkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.CEQRnHOtFn1Bu4ERNDYpMt79ByDtTM1hJh-TDBpL4ec)
마음에 드는 게시물 또는 댓글에 좋아요를 누를 수 있어요
![](https://private-user-images.githubusercontent.com/84820008/321524441-3cfe5446-91b9-496e-a056-f7bfbefe3079.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjQ0NDEtM2NmZTU0NDYtOTFiOS00OTZlLWEwNTYtZjdiZmJlZmUzMDc5LmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTY0MmRiOTYwMWZlZjE2ODhjY2M4MWZkOGM0NTY5YzcxMzk3ZmY5NjY5Zjc2N2M1MWNlYmIxY2VlMGZmMTcxYWUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.1aLUUHjnJ-NwCrhPugfNhHjUf1aEkRVovOhZHtA6p28)
흥미있는 게시물을 북마크할 수 있어요
![](https://private-user-images.githubusercontent.com/84820008/321524475-5f347554-4bb1-4d50-9cdd-fa617469dc83.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjQ0NzUtNWYzNDc1NTQtNGJiMS00ZDUwLTljZGQtZmE2MTc0NjlkYzgzLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZkY2IzN2VhYTRkNDMzZDhhN2VmMmMzYWNkMTA1YzM2ZjFkNWFkZjkzNWVlMjE5Y2M0YzE5ZjQ3MmFhY2NhYmEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fKZiUqnonpBKTkCTfECUWh5ESipSaN6gDrzeIgAfGPE)
페이지네이션 형식으로 댓글을 조회할 수 있어요
![](https://private-user-images.githubusercontent.com/84820008/321524513-ae9c6336-b0ca-4da2-822e-95bbc5dba32e.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjQ1MTMtYWU5YzYzMzYtYjBjYS00ZGEyLTgyMmUtOTViYmM1ZGJhMzJlLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWM1ZThjM2ExMjdhNDU0YTg4ZDc3YTRmN2NlZWVhMDZkNmM5Y2I1MWZiNTUyODg5M2M3NmI3ZWNjOWJiZmI4NzgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7sQ4f4xGlhvjGM80hCRTs3FNHVrjrxoXGDumvYslsZw)
투표를 한 회원은 댓글 및 답글을 작성할 수 있어요
댓글 작성 | 답글 작성 |
---|---|
![]() |
![]() |
본인이 작성한 댓글 / 답글을 수정 삭제할 수 있어요
댓글/답글 수정 | 댓글/답글 삭제 |
---|---|
![]() |
![]() |
프로필 이미지를 클릭하여 게시물 및 댓글 작성자의 프로필을 확인할 수 있어요
![](https://private-user-images.githubusercontent.com/84820008/321525556-110ce4b6-27bd-4047-ae00-d66f45f290ae.gif?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjIxMzY4MTEsIm5iZiI6MTcyMjEzNjUxMSwicGF0aCI6Ii84NDgyMDAwOC8zMjE1MjU1NTYtMTEwY2U0YjYtMjdiZC00MDQ3LWFlMDAtZDY2ZjQ1ZjI5MGFlLmdpZj9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MjglMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzI4VDAzMTUxMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRjMzk3YmVmYWZiZmFhZjA5ZjY1NGMxZWZmZTI4YmNhZDM0OTJjYzFkODFkMTQ0ODYxMTg0N2UyYmMwYzNmYWEmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.RHcrccy0owiPKqgBKVSlVnIIJWJLcvAVIgDTAJepdLg)
Balance-Talks-frontend
├── .github # Feature, PR, Bug template
├── public # public
└── src
├── api # api 호출 Function
├── assets # fonts, images, svg resoucres
├── components # 페이지를 구성하는 components
├── constants # api, message, pagination 및 공통적으로 사용되는 constants
├── hooks # custom hooks
├── layout # 프로젝트 뼈대를 구성하는 layout
├─- mocks # MSW를 활용한 mock data, handler
├── pages # Pages
├── providers # Query Provider
├── store # Redux-toolkit을 사용한 전역 Store
├── styles # Global Style
├── types # 프로젝트 전반에 걸쳐 사용되는 Type 정의
├── utils # date, validator 관련 util 함수