노션   |   백로그   |   피그마   |   위키

시연 영상   |   서비스 링크

Boarlog의 주요 기능

🧑‍🏫 강의 생성 및 진행

강의자가 강의를 생성하고, 음성으로 강의하며 화이트보드를 실시간으로 편집할 수 있습니다. 또한, 참여자의 질문을 받아 화이트보드에 포스트잇 형태로 추가할 수 있습니다.

1.mp4	2.mp4
강의 생성 및 마이크 설정	화이트보드 편집 및 질문 확인

🧑‍🎓 강의 참여 및 피드백

강의자가 공유한 강의번호를 입력하여 강의에 참여하고, 강의자의 음성과 화이트보드 내용을 실시간으로 볼 수 있습니다. 강의자에게 질문을 보낼 수도 있습니다.

3.mp4	4.mp4
강의실 입장 및 강의 내용 확인	스피커 설정 및 질문하기

🎥 강의 다시보기

강의 종료 후에는 서버에서 화이트보드와 음성, AI를 이용한 음성 스크립트를 저장하여 언제든지 다시볼 수 있습니다.

5.mp4	6.mp4
참여한 강의 내역 확인	강의 다시보기

클라이언트 요청 흐름도

Boarlog의 기술 스택

category	stack
Common
Frontend
Backend
CI/CD
Deployment
Collaboration

핵심 개발 일지

🔗 프로젝트 진행 과정에서 고민하고 도전한 과정이 담긴 핵심 개발 일지입니다.

• 변진상 : 프로그래스 바 구현과 성능 개선을 위한 트러블 슈팅
• 이동령 : 반응형 UX를 위한 Modernizr 적용기
• 정주완 : 실시간 화이트보드 공유 구현 과정
• 이승연 : DB 해킹 당한 뒤 VPC와 Subnet 활용한 재구축
• 이현종 : 미디어 서버 메모리 누수 원인 찾고 해결하기

팀 소개: TEAM_528

const camperIdArray = ["J063", "J095", "J105", "J124", "J141"];

const teamName = camperIdArray.reduce((team, camperId) => {
  return (team += parseInt(camperId.replace(/[^0-9]/g, "")));
}, 0);

5명이 모여 하나의 개발자처럼 : J063 + J095 + J105 + J124 + J141

528은 팀원 5명의 캠퍼 번호를 더한 숫자입니다. 5명의 캠퍼가 하나의 번호를 가지고 서로 다른 기술, 경험, 및 아이디어를 결합하여 시너지를 발휘하겠다는 의미입니다.

변진상 (FE)	이동령 (FE)	이승연 (BE)	이현종 (BE)	정주완 (FE)
@Byeonjin	@LellowMellow	@tmddus2	@platinouss	@Jw705
깊이있게 고민하고 기록하기	괜한 걱정 하지 않고 차근차근 쌓아올리기	두려워하지 않고 문제 해결하기	모든 선택에 나만의 근거 만들기	작성한 코드에 대한 의도를 잘 기록하기

바로가기

• 그라운드 룰
• branch/conmmit 컨벤션
• 기획/디자인
• 위키
• 노션
• 백로그
• 데모 링크