(드디어 본캠프가 시작이 되었다. 오전에는 OT, 오후에는 새로운 조에서 각자 노션정리, 자기소개 및 팀과제를 진행하였다. 그리고 저녁에는 깃허브관련 특강을 듣고 하루를 마무리하였다.)

멤버 소개 페이지 만들기

1. 팀명, 멤버 역할 정하기

• 첫 본캠프의 팀 프로젝트는 멤버 소개 페이지 만들기였다. 첫날에는 팀원 소개 및 팀 과제관련 노션을 작성하고 와이어프레임까지 완료하는 것이 목표였다.

• 우리조의 경우, 모두 MBTI 'I'들이 모였고 지금이 크리스마스 시즌이기 때문에 "크리스마스 I들"이라는 팀명을 정하게 되었다.

  새로운 6조의 모습

• 개발을 조금하셨던 분도 계시고 무엇보다 디자인관련 일을 하셨던 분들이 계서서 생각보다 수월하게 역할분담이 완료됐다. 그리하여 비교적 개발과 가장 거리가 먼 비전공자인 나와 또다른 팀원은 전반적인 기획을 담당하여 대략적인 레이아웃을 만들어 드렸고, 그것을 바탕으로 디자인을 전공하셨던 팀원들이 디자인 관련하여 디테일한 부분 및 와이어프레임을 수정해주셨다. 마지막으로 비교적 개발경험이 많으신 분이 리더와 전체적인 개발 코딩 관련해서 구현가능한지의 여부를 판단하면서 첫날의 협업이 이루어졌다.

  	- 리더  : 전체적인 개발 리딩
  	- 팀원1 : 디자인 컨셉과 컨셉에 어울리는 구성 정하기
  	- 팀원2 : Figma를 이용한 전체적인 컨셉 미리보기
  	- 팀원3 : 전체적인 레이아웃 기획 및 와이어프레임 제작 (나)
  	- 팀원4 : 전체적인 레이아웃 기획 및 와이어프레임 제작

2. 멤버 소개 페이지 테마 정하기 및 기획

• 멤버 소개 페이지 테마는 우리조의 이름을 따서 크리스마스와 연관 짓기로 하였고, 프로젝트 관련 여러 의견이 오고가는 것을 한 분이 노션에 하나하나 정리를 하셨다.

프로젝트 소개, 필수적인 구성 및 기능 관련 정리	기타 추가적인 기획 메모

• 나의 경우는 비교적 익숙한 ppt를 이용하여 기획을 하였는데, 개발 및 디자인을 하시던 분들에게 들어보니 '피그마'라는 것이 개발에 있어 가장 많이 쓰이는 협업툴이라는 것을 알게 되었다.

• 오늘은 시간상 ppt를 주로 사용하였지만, 체험삼아 이용해보니 무료임에도 불구하고 굉장히 좋은 성능을 보유하였으며 무엇보다 협업하기에 정말 편리하다는 것을 알게되었다. 내가 알아본 피그마 관련 주요 기능은 다음과 같다.

피그마 기능
1. 강력한 UI 드로잉이 가능하다.
2. 웹 링크로 쉽게 공유가능하며 언제 어디서나 저장이 가능하다.
3. 복붙의 끝판왕으로 반복적인 디자인을 효과적으로 관리하며 실시간 배포 및 피드백을 받을 수 있다.
4. API를 제공한다.

	)
기획	피그마를 사용한 와이어프레임 제작 중간의 모습

제출한 와이어프레임

3. 더 나아가야 할점

• 팀원들이 공통적으로 느꼈던 것은 시간이 촉박하여 팀 프로젝트가 기획과 디자인에 치우쳐진 면이 있었다는 것이다. 다음날부터는 개발 관련하여 많은 부분을 수정하고 진행해야 할듯 싶다(참고로 튜터님께서 피드백을 주신 부분과 일치했다).

• 또한 튜터님께서 개발을 진행함에 있어서 어떤 순서로 진행될 지 구체적인 Flow, 우선순위, 마감기한이 정해져야 한다고 했었기에 이를 참고하여 내일 의견을 공유할 생각이다.

• 개인적으로 개선해야 하는 사항으로는 협업에 있어서 깃허브를 이용하게 될텐데 아직 진도가 따른 팀원에 비해 뒤쳐진 면이 많아서 최대한 깃관련 학습을 수업시간 외에도 진행해야 원활한 협업이 가능할 듯 싶다.