BlooBolt

서비스 개발 직무자들의 소통 커뮤니티 (서비스 종료)

원만한
소통을
위한
모두의
공간

서비스 개발에 필요한 기획자, 개발자, 디자이너 실무자들이 모여 기술적 소통의 어려움을 줄이고 서로를 알아가는 웹 서비스

https://user-images.githubusercontent.com/70316567/244946346-3dfd6ee7-5051-45f9-8596-f566d2f669e4.gif
Images Slider
스퀘어
인피니트 스크롤링
1 / 21
사용자 경험 향상과 서비스 특성상 쌓인 포스트 데이터의 분산 전송. 초기 12개의 포스트를 로드. 스크롤을 내리면 12개씩 데이터 추가.
서비스 설명
개요
기획 의도
학교에서 여러 번의 팀 프로젝트를 해보며 느낀 소통의 불편함을 느끼고 기획했습니다. 개발자 팀원과 디자이너, 기획 조장들이 서로의 기술적 이해도에 차이가 컸고 갈등 상황이 발생하는 것을 보며 함께 팀을 만들 준비를 하거나 팀 안에 있는 직무자들이 서로 다른 포지션에 관해, 또는 같은 직무에 관해 모르는 것을 물어보고 최신 트렌드 정보를 공유할 수 있는 실무자들만의 공간을 만들고 싶었습니다.
포스트 카드로 소통하는 방식이며 텍스트와 사진, 코멘트를 기록할 수 있고 프로필 제작, 팔로우, 멤버 랭크 시스템 등 여러 가지 기능을 담았고 현재도 꾸준히 업데이트 중입니다. 모든 멤버의 프로필을 각각 포지션별로 다른 색상과 랭크, 실무에서의 현재 역할 정보를 부여해 이 멤버가 어떤 직무자인지, 주니어인지 시니어인지 등을 쉽게 알아볼 수 있다는 점이 다른 서비스와의 차별점입니다.
구현 기능
사용자
일반/소셜 회원 가입, 가입 이메일 인증, 로그인, 비밀번호 변경/재발급, 프로필 아바타 및 내용 제작, 사용자 랭크, 트레이스(팔로우), 사용자 신고, 사용자 이용 정지
포스트
포스트 생성/삭제/수정/블라인드, 다중 이미지 업로드, 이미지 슬라이더, 이미지 압축, 포스트 공감 기능, 코멘트 생성/수정/삭제, 포스트 검색, 해시태그 검색, 무한 스크롤링 포스트 로드, 추천 포스트 로드
공통
서버사이드 렌더링, 반응형 웹 스크린
이슈
스크롤 시 데이터가 몇 차례 추가 로드되지 않는 현상
기존 scroll 메서드를 사용함에 따라 분기 처리가 많은 이벤트 핸들러에서 데이터 로드 요청이 누락되는 상황이 발생했습니다. Intersection Observer를 적용해 코드를 리팩토링 하고 여러번의 이벤트 요청 방식을 제거하여 성능을 함께 개선했습니다.
자세히 보기
기술
Front-end
TypeScript, React, Redux Toolkit, Next, Tailwind
Back-end
Express, Sequelize(MySQL)
Deploy
AWS(EC2+S3+Lambda)
Secure
Nginx + HTTPS