---
# System prepended metadata

title: 08/14 Relay 1 - Week3

---

# 08/14 Relay 1 - Week3
## 공지내용

# 💡 Relay Project - 소리올려  
<img width="400" src="https://user-images.githubusercontent.com/60081031/89016426-af98e280-d353-11ea-9d8f-6a8c479e89fd.jpg">  

### **음악에 대한 정보를 쉽게 접근하고 공유할 수 있는 사이트**

> 노래에 대한 검색이 귀찮으신가요? 궁금한 노래의 검색이 제목이 생각나지 않고 어려우신가요? 이 문제를 해결해주기 위해 제공하는 웹 서비스입니다.

## 데모 링크
http://101.101.216.67/

---

## Week3 : B 기능 개발 (영상 처리)

## 3주차에 구현한 기능들  
### 프론트엔드  

- 웹캠으로 실시간 영상 공유(시작/중지)
- 웹캠을 캡쳐하여 이미지로 저장
- 저장된 이미지로 서버에 감정분석 요청
- 감정분석 데이터를 기반으로 음악추천
- 추천음악 목록 페이지에 렌더링
- 2주차 프로젝트 통합
- 전체 페이지 스타일링(css)

### 컴퓨터 비전 / 영상 처리팀  
- 여러 소스 코드들을 분석한 뒤, 가장 적합한 모델 선택  
- 웹 서버에서 받아온 이미지 파일을 분석하여 사진에 등장한 인물의 감정 분석  
- [최종 소스코드 출처](https://github.com/atulapra/Emotion-detection)  


## 회고 및 소감
###### J020 권현준
<br>
###### J042 김선관
<br> 

###### J072 민성재

html과 css가 약하다고 느꼈기 때문에, 도전하고 싶어서 프론트엔드 파트를 지원했지만, 너무 헤매서 프론트엔드 파트 분들에게 민폐가 된 것 같습니다 ㅠㅠ. 더 열심히 공부해야겠습니다!  

###### J080 박슬우
지난 주에 이어 이번 주도 환경 설정에 생각보다 많은 시간과 에너지를 쏟은 것이 아쉬웠다. 그래도 다른 시간동안 잘하는 팀원들과 함께하며 앞으로 어떤 방향으로 공부해야 하는지 알게 되었다. 개별 과제에서는 자바 스크립트 문법과 CS 지식에 대하여 배웠다면, 금요일 릴레이 프로젝트에서는 웹에 대한 기본적인 개념과 12명의 많은 인원이 어떻게 협업하는지 배울 수 있어서 좋았다. 웹 공부를 꾸준히 하여 다음 주 프로젝트에는 팀에게 더 도움을 줄 수 있었으면 좋겠다 ㅠㅠ  

###### J083 박인서

프론트엔드 작업에 참여했습니다. 여태 프레임워크를 이용한 프론트작업을 해오다보니 바닐라JS가 익숙하지 않았습니다. 릴레이 프로젝트를 통해 웹의 기초가되는 JS공부를 할 수 있었습니다.
각자 맡은 역할에 충실히 임해준 팀원들 덕에 원하는 성과를 얻을 수 있었습니다. 감사합니다.  


###### J088 박준호  
  
###### J136 이동현  
팀원분들 대부분이 평소에는 하지 않았을 새로운 분야에 일들을 하면서 최선을 다하는 모습에 더욱 동기부여가 되었던 것 같습니다. 그리고 다른 인원이 작업하던 것을 이어받아 해 본 적은 처음이었는데 파악하는 데 설명이 좋았음에도 파악하는데 시간이 많이 필요했습니다. 앞으로 이런 부분들을 더욱 갈고 닦아야겠습니다.

###### J144 이성호  
즐거운 하루였습니다! 컴퓨터 비전에 관한 배경지식을 이용하여 다른 이가 작성한 코드를 가져와 직접 환경설정을 하고, 테스트해보는 재미가 있었습니다. 특히 환경설정에서 많은 난관에 봉착하였지만, 팀원분들과 함께 해결할 수 있었습니다. 이미 작성된 코드의 흐름을 읽고 필요한 모듈을 만들어내는 방법을 연습할 수 있어 좋았습니다.


###### J152 이유노  
지난주 릴레이 프로젝트때 자연어 처리 기능 구현쪽으로 참여했었고 이번에 프론트엔드로 웹쪽을 다뤄보고 싶어서 프론트엔드 개발에 참여하였습니다. 웹개발을 거의 해본적이 없었고 자바스크립트를 이용해서 개발하는 것은 처음이었습니다. 두팀으로 나워서 개발을 하였는데 팀원들이 다들 잘하셔서 많은 걸 배울 수 있었던 시간이었습니다. 또 큰 도움이 되진 못해서 자극받을 수 있는 기회가 된 것 같습니다. 다음에 또 팀 프로젝트를 진행할 때 기여를 많이 할 수 있도록 공부를 열심히 해야할 것 같습니다.

###### J190 조병건  
OpenCV설치에서 막히는 등, 또다시 부족한 자신과 마주하였지만, 우러러 볼 수 있는 팀원들을 만나, 그들과 함께 할 수 있는 개발자가 되겠다는 의욕을 불태운 하루입니다. 하찮은 질문에도 친절히 대답해준  고마운 팀원들을 기억하며, 주말 동안 삼보일배 하면서 다니겠습니다.  

###### J211 탁성건  
웹 개발은 거의 처음이라 다른 팀이 수행하던 프로젝트를 이어받아 어떤 식으로 진행해야 할지 막막하기만 했습니다. 프로젝트에 기여를 많이 하지 못해서 아쉬웠지만, 그래도 좋은 팀원분들을 만나 기술적인 부분에 관해 이야기하고 프로젝트가 진행되는 과정을 보면서 많은 것을 배울 수 있었습니다. 앞으로 어떻게 공부해야 할지 고민하고 부족한 부분을 채워나갈 것입니다. 고생하신 팀원분들께 감사하다는 말을 전하고 싶습니다.

###### J217 한종호  
많은 도움이 됐었으면 했는데, 계속 설치하다가 안되고 결과적으로 많은 도움을 드리지 못해 아쉬웠지만, 화면공유로 다른 분들이 하시는 것 보면서 많이 느끼고 배웠습니다. 웹 개발을 해본 적이 없어서 어서 빨리 공부해서 성장해야겠다는 자극을 많이 받은 하루입니다. 팀원분들 정말 고생많으셨습니다 🙂 👏  

