📒 [ TIL ] 2022.04.20_3일차 # 미니프로젝트(1)

[ 2022-04-20 (수) 오늘의 TIL ]

[ Today Project ]

• 팀 소개 페이지
  : 이번 프로젝트는 팀프로젝트로 시작합니다.

[ Today Learn ]

• 메인페이지에서 각 팀원 카드클릭시 개인 페이지로 이동시키기
• 메인페이지 부트스트랩을 이용해 꾸미기

[🏹 MOCKUP 제시안 ]

• 킹콩파워팀의 프로젝트 시작 전 의논할 점
  1) 팀의 컨셉은 ?
  2) 팀의 목표는 ?
  3) 협업은 어떤 식으로 진행할지( 분업할지 / 다같이 만들어볼지 )
  4) 필수적인 기능 이외에 추가로 구현할 기능은?

[🎯 MOCKUP 결과 ]

1) 상단에 배너( 파랑, 하늘 )
2) 킹콩파워팀에 대한 소개(설명, 특징, 목표, 약속 등)
3) 클릭시 각 개인페이지로 이동할 수 있는 카드 만들기
4) 각 카드에 사진추가 및 깃허브 또는 블로그 연결기능
5) 개인페이지에서 뒤로가기 기능

• 일단 기본필수적인요소를 중점적으로 준비하고 그 뒤에 시간이 남게 되면,
  +) flask를 이용해서 방명록기능 만들기
  +) 미디어쿼리를 이용해서 모바일버전을 고려한 페이지설정
  +) 개인페이지에서 또 다른 팀원의 페이지로 이동하기
  +) 마우스 호버 및 애니메이션 기능

아래와 같이 google slice를 이용해서 mockup을 진행했다.

[👍 오늘의 결과물 ]

• 메인페이지
  
  

[✨ 구현한 기능 ]

1) '동물의 숲' 폰트 적용
2) 카드만들기 및 사진적용
3) 각 카드 hover시 각기 다른 색깔이 그림자로 적용
4) 각 카드들 클릭시 각자 팀원소개페이지로 이동
5) 링크 클릭시 각자의 블로그로 이동

🌱 느낀 점

사실 2년간 일을 하며 협업을 해본 경험이 그렇게 많지는 않아서 명확히 협업을 할 때 내 모습이 어떤지 모르겠지만, 이번에 짧게나마 미니프로젝트를 진행하면서 느꼈던 내 모습은 “아이디어를 내는 것에 있어서 주저함이 전! 혀! 없는 모습” 이다.
또한 민폐를 끼치기 싫어하는 성격이라서 팀원들에게 폐가 되지 않도록 열심히 하게 되는 것 같다. 다 팀원들을 잘 만난 덕이다.
프로젝트를 진행하면서 정말 24시간이 모자라다고 느꼈다. 세세한 부분까지 신경써서 만들다보니 메인페이지 하나를 만드는데 온 시간을 쏟아부었다. 아직 경험이 많지 않으니 오래걸린것이겠지만, 주어진 시간내에 프로젝트를 완료해야하다보니 좀더 속도를 내는 연습도 필요할 것 같다.
내일은 개인페이지를 또 열심히 만들어 봐야지!!!

🎁 자세한 코드는 Moonmoo 에 게시했습니다