안녕 형들. 눈팅만 하다가 용기 내서 글 써봄.
나도 형들처럼 방구석에서 혼자 키보드 두드리는 1인 개발자임.
이번에 혼자서 기획부터 디자인, 프론트, 백엔드까지 다 해서 커뮤니티 플랫폼 하나 만들었어.
이름은 '유니스쿼드(Unisquads)'야.
누구나 쉽게 스쿼드 개설해서 운영하고 소통하는 게 컨셉.
오픈 베타 하기 전에 기능 테스트도 좀 하고, 사용성 어떤지 욕이라도 좀 들어보고 싶어서 들고왔어.
프갤 형들이 보는 눈이 제일 높으니까, 여기서 통하면 어디서든 통할 거 같아서.
그냥 구경만 해줘도 고마운데, 써보고 버그 제보나 피드백 빡세게 주는 형들은
나중에 개발하다 막히는 거(내가 아는 선에서, 웹 풀스택 관련) 물어보면 나도 최대한 도와줄게. 기브 앤 테이크 ㅇㅈ?
일단 와꾸랑 기능 좀 보여줄게.
+ 메인 홈 화면
일단 개발자의 기본 소양인 다크모드부터 깔고 들어갔음.
UI는 최대한 깔끔하게 뽑으려고 노력했고, 요즘 유행하는 카드형 레이아웃 적용해봤어.
반응형도 다 잡아놨으니까 모바일로 봐도 괜찮을 거야.
+ 핵심 기능: 활동량으로 관리자 자리 뺏기 & 실시간 알림
이게 내가 만든 제일 중요한 기능임. 기존 커뮤니티 완장질 꼴 보기 싫어서 만듦.
활동량(RP)이 실시간으로 집계돼서, 1등이 자동으로 스쿼드(갤러리) 리더가 되는 시스템이야.
짤 보면 알겠지만 누가 내 자리 위협하면 저렇게 실시간으로 알림(Web Socket 씀) 오게 구현했어. 쫄깃하지?
+ 실시간 1:1 메시지 (채팅)
커뮤니티에 채팅 빠지면 섭섭해서 넣었어.
게시글 보면서 바로 팝업 띄워서 대화할 수 있게 UX 짰고, 이것도 실시간으로 됨.
혼자 다 구현하려니까 소켓 연결 관리하는 게 좀 빡세더라.
+ 디테일한 관리자 설정
리더가 되면 볼 수 있는 관리 화면임.
익명 허용, 비밀글, 금칙어 설정 등등 웬만한 기능은 다 구현해놨어.
DB 설계할 때 옵션이 많아져서 테이블 구조 잡느라 머리 좀 아팠음.
원래 레벨 뚫리면 각 기능들 해금되게 설계는 해뒀는데 지금은 다 풀어뒀음.
+ 투표(월드컵) 기능
그냥 글만 쓰면 재미없으니까 투표 기능도 넣었어.
이미지 올려서 이상형 월드컵 같은 거 만들 수 있음.
이런 동적인 컴포넌트들 상태 관리하는 것도 신경 많이 썼어.
+ 내 스크랩북 (폴더 정리)
마이페이지에서 내가 쓴 글, 댓글 다 볼 수 있고
남이 쓴 글 스크랩해서 폴더별로 정리하는 기능도 넣었어. 개인화에 신경 좀 썼음.
+ 자체 이모티콘(유니콘)
마지막으로 디시콘 같은 이모티콘 기능도 구현했어.
유저들이 직접 등록 신청해서 커스텀 형태로 댓글이나 메시지에서 사용할 수 있음.
와서 스쿼드(갤러리)도 파보고, 글도 써보고, 이것저것 눌러보면서 버그 좀 찾아주라.
참여 혜택: 지금 와서 스쿼드 파면, 초반에 리더 자리 안 뺏기게 방어용 RP(활동 포인트) 빵빵하게 채워줌. 나중에 떡상하면 '그 스쿼드' 창시자 되는 거임.
특별 제안: 위에 말했듯이 양질의 피드백 주는 형들은 나중에 개발 관련 질문하면 나도 성심성의껏 답변해줌. (프론트/백엔드/배포 등등)
긴 글 읽어줘서 고마워. 다들 코딩 화이팅하자.
링크는 https://unisquads.io/ 로 참여해보면 되고, 디스코드로 메시지 주면 rp를 주던가 개발 관련 질문 주면 받아줌.
개추
깔끔하네 하고 회원가입 눌렀는데 404뜨네 장난하노
고마워! 방금 확인 해서 수정 업뎃하고 있어! 우선 로그인 버튼 눌러서 해당 페이지에서 회원가입 진행할수도 있어
@글쓴 프갤러(118.37) 기본적인 기능이 동작 안했을때 한번 떠난 유저는 다시 돌아오지 않는다 좋은 레슨이 되었길