🎩 모자라지않은회의

🔥 여섯가지의 아이디어, 6hats thinking을 이용한 회의, 모자라지않은회의

---

1️⃣ 문제 제기 및 프로젝트 개발 필요성

상의 상장사 직원 1천명 대상 회의문화 조사
효율성 38점·소통 44점·성과 51점 그쳐
주당 평균 3.7차례 중 1.8회 불필요
매회 51분 걸리는데 3분의 1은 잡담
‘답·정·너’식 상사에 ‘투명인간형’ 직원

2017년 대한상공회의소(이하 상의)가 국내 상장기업 직원을 대상으로 조사한 기업 회의문화를 압축한 내용입니다.

상의가 26일 상장사 직원 1천명을 대상으로 실시한 실태조사와 전문가 진단을 담아 ‘국내기업 회의문화 실태와 개선 해법’ 보고서를 발표했습니다.

상의는 한국기업의 상당수가 사업적으로는 글로벌기업으로 발돋움했지만 기업문화는 여전히 전근대적 요소가 많다고 보고,

이를 개선하기 위한 첫번째 과제로 회의문화를 선정했습니다.

이에 우리 팀은 효과적인 회의 방법에 대해 고민했고 6hats thinking 이라는 기법을 적용시키기로 했습니다.

---

2️⃣ 프로젝트 소개

효율적이고 효과적인 회의 방법인 [6Hats Thinking]을 적용한 온라인 화상 회의 플랫폼

✔ 진행 기간 : 2022.07.11-2022.08.19

✔ 목표

• 6hats thinking의 자동화
• 모자 색깔별 키워드 및 예시 제공
• 회의 결론을 공유할 수 있는 결과물 도출

---

💻 서비스 화면 : 주요기능 4가지와 기본기능 5가지

🚩 주요 기능 1 : 회의 모드 설정에 따른 자동화

회의 모드 1

• One Hat 모드 : 인원수에 상관없이 진행 할 수 있는 모드입니다.
  파란 모자 역할을 맡은 참가자를 제외한 참가자들은 모두 같은 색의 모자를 쓰고 시작됩니다.
  파란 모자가 다음 순서로 넘어가는 버튼을 누르거나 타이머의 시간이 다 지나면 다음 색깔의 모자로 넘어갑니다.

• Six Hats 모드 : 6명 이상의 참가자가 사용할 수 있는 모드입니다.
  참가자마다 모자색이 정해져 있고 본인의 모자 순서가 되면 마이크와 의견창구를 사용 할 수 있게 됩니다.
  파란 모자가 다음 순서로 넘어가는 버튼을 누르거나 타이머의 시간이 다 지나면 다음 색깔의 모자로 넘어가고 마이크와 의견창구를 사용할 수 없게 됩니다.

회의 모드 2

• 아이디어 제안 모드 : 아래의 그림처럼 모자의 발언 순서가 정해집니다.

• 아이디어 검증 모드 :아래의 그림처럼 모자의 발언 순서가 정해집니다.

---

🚩 주요 기능 2 : 모자별로 키워드 및 예시 제공

모자별 키워드 (파란모자일 경우)

모자별 예시 (파란모자일 경우)

---

🚩 주요 기능 3 : 의견 창구로 회의 내용 정리

의견 창구 : 모자 회의 참가자들이 자신의 발언 시간에 의견을 작성할 수 있는 칸입니다.
회의가 끝나면 회의 이력에서 파일로 저장된 의견창구를 다운로드 받을 수 있습니다.

---

🚩 주요 기능 4 : 회의 화면 녹화

화면 녹화 : 회의에 들어가면 방장이 회의 화면을 녹화 할 수 있습니다.
회의가 끝나면 회의 이력에서 파일로 저장된 화면 녹화를 다운로드 받을 수 있습니다.

---

📍 기본 기능 1 : 로그인, 로그아웃, 회원가입

---

📍 기본 기능 2 : 내 정보 보기, 수정 / 프로필 이미지 보기, 수정

---

📍 기본 기능 3 : 공지사항, QnA

---

📍 기본 기능 4 : 6 Hats Thinking 설명

---

📍 기본 기능 5 : 방 생성

방 생성 : 회의를 할 수 있는 방이 생성됩니다.
해당 링크를 통해 참가자들이 회의에 참가할 수 있습니다.

---

3️⃣ 시스템 환경 및 구성

'모자라지않은회의'는 아래와 같은 환경에서 실행 중입니다.

✔ IDE

• IntelliJ
• MySQL Workbench
• Visual Studio Code

✔ Server

• AWS EC2 (BackEnd)
• AWS S3 (FrontEnd)
• Ubuntu 20.04
• Tool: MobaXterm
• Nginx
• Docker

✔ Front-End

• HTML5, CSS, JavaScript(ES6)
• Vue 3.2.13
• Vuex 4.0.2
• Vue CLI 5.0.4
• Node.js 14.17.0
• Vue Router 4.0.13
• openvidu-browser 2.22.0

✔ Back-End

• Java open_JDK zulu 1.8
• SpringBoot Gradle 2.7.2
• Lombok
• JPA, Https

✔ Server Port

이름	포트 번호
Server	8081
Client	443
DB	3306
OpenVidu	5000

---

🛠 프로젝트 빌드

✔ exec.md

---

4️⃣ 개발 환경 및 구성

🗺️ 아키텍처

🗺️ 와이어프레임

🗺️ ERD

🗺️ REST API

---

5️⃣ GIT & CODE Convention

✔ GIT Convention

• Branch

  • fe, be, dev, main ⇒ dev로 합치고 main으로 버전 관리

• Commit

  • 앞 부분에 밑에 테마 알맞는 거 제목으로 붙이기

  • 대문자로 붙이기 "[FEAT](한칸 뛰고)English"

    FEAT: 새로운 기능을 추가할 경우
    FIX: 버그를 고친 경우
    STYLE: 코드 포맷 변경, 간단한 수정, 코드 변경이 없는 경우
    REFATOR: 프로덕션 코드 리팩토링
    DOCS: 문서를 수정한 경우
    Rename: 파일 혹은 폴더명 수정 및 이동
    Remove: 파일 삭제
    CHORE: 빌드 업무 수정(ex> dependency 추가)

• Issue

  • 번호 붙이기 “#1”, "#2"

• Pull Request

  • 다른 분들 리뷰어 등록하기
  • 무엇을 구현했는지 적어주기

✔ GIT Flow

✔ CODE Convention

Java 관련

• 줄 나누기: ctrl + alt + l 한번 하기

• 한 줄엔 하나의 문 → 한줄에 ; 하나

• 중괄호가 계속 나온다면 한줄 띄우지 말고 바로 그 줄에서 한칸 띄우고 다시 시작

• 공백은 왠만하면 띠우자

• for문은 아래의 형태

  for (expr1; expr2; expr3)

명명 규칙

• Class / Inteface: 명사
  • 첫글자 포함 모든 단어의 시작은 대문자
• Methods: 동사
  • 복합 단어일 경우 첫글자는 소문자, 그 이후엔 대문자
    (Post,Get,Patch,Put,Delete) + (VO 이름) + (복수면 list를 붙여주기)
• Variables
  • 소문자로 시작, 그 외의 단어의 첫번째 문자는 대문자
  • _나 -는 쓰지 않음
  • 의미가 잘 드러나도록 생략하지 않고 풀네임을 쓰기
  • 임시변수는 tmp에 번호 붙이는걸로 통일

주석

• Method 소개하는 하나
• Method에서 특별한 로직이 있다면 해당 로직의 부분부분로 잘라서 ~하는 거다라고 작성

---

6️⃣ 프로젝트 관리

✔ 형상 관리 : GitLab → 오성준, 황석영

✔ 이슈 관리 : Jira → 김성진, 최병성

✔ Daily Scrum, 문서화 : Notion → 최지원, 권수린

✔ 커뮤니케이션 : MM

• A709 : 컨설턴트님, 프로님, 코치님과 공지사항 전달
• A709 talk : 팀원들과 잡담
• A709 bot : Jira, GitLab 과 연결해 알림

---

😍 팀원 소개 및 소감

전체팀장 : 오성준

• 기획부터 개발까지 어려움이 많았지만 부족한 팀장 잘 도와주셔서 감사했습니다.

BE팀원 : 김성진

• 이곳 저곳에서 모였지만 어느새 비빔밥 같이 잘 어우러져 있는 팀원들과 너무 재밌게 프로젝트 했습니다.

BE팀원 : 최지원

• 부족한 팀원이었는데 잘 이끌어주셔서 감사하고 즐겁게 프로젝트 진행했습니다 감사합니다.

FE팀장 : 최병성

• 다들 적극적으로 참여해줘서 즐겁게 진행할 수 있던 것 같습니다. 고생 많으셨어요.

FE팀원 : 권수린

• 모두 같이 열심히 해서 처음 해보는 webRTC 프로젝트였지만 재미있었고 잘 마무리한 것 같습니다.

FE팀원 : 황석영

• 좋은 팀원들 만나 재미있게 임했습니다. 다들 열심히 했고 고생하셨습니다.