📕 [WIL] 2022.04.22_5일차 # WIL KPT회고

[2022-04-22 (금) 이번주 KPT회고]

[ Today KPT ]

• 팀/팀원소개페이지 발표 완료
  : 이번 프로젝트는 팀프로젝트 완성후 작성한것입니다.

📆 지난 일주일동안 있었던 일, 내가 한일

• 웹종합개발강의 1~5강 완강 및 복습
• 팀/팀원소개페이지 만들기
• 주요 핵심기능
  1) Flask에서 페이지간, html간 이동
  2) 버튼 호버 및 애니메이션 기능
  3) 방명록 기능 (flask 및 DB활용)
  4) og 메타데이터
  5) 서버배포

😋 나의 느낌

일단 프로젝트를 진행하기 전까지는 스파르타코딩클럽의 강의를 듣고 복습하고를 반복하며 프론트부터 백엔드까지를 슥 훑어보는 느낌이었는데, 이번 프로젝트를 진행하면서 강의를 듣는 것만으로는 부족하다는 것을 느꼈다. 강의에서는 전체를 다 다뤄주는것이 아니기 때문에 실제로 내가 직접 만들면서 구현할때는 무수히 많은 어려움을 닥치게 되고, 그 어려움을 스스로 구글링하며 헤쳐나가는 끈기가 필요하다고 생각했다.

✏️ 내가 배운것, 얻은것

❓ float 란?

요소를 어느 쪽에 배치할 것인가를 설정 즉 '띄워서' 원하는 곳에 배치하는 것

🧩 적용 예시

좌측에 팀원의 인삿말(class=person)을 정렬/ 우측에 방명록과 다른 팀원의 카드를 배치하기 위해 float 속성을 아래와 같이 사용

.person {
            float: left;
            width: 700px;
            height: 1000px;
            margin-right: 150px;
            margin-left: 150px;
            box-shadow: 1px 1px 3px 1px darkgoldenrod;


            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

float를 이용해 왼쪽에 배치하였다. 이렇게 하니까 문제점은 모바일처리기능때 크기조절이 마음대로 되지않아 애를 먹었다. 이게 아마 display가 무시되기 때문인것같은데, 정렬방법을 float가 아닌 다른 정렬방법을 적용해봐야할 것같다.

📌 배운 것을 미래에는 어떻게 적용할 지

프로젝트를 만들때 주어진 시간때문에 float기능을 깊게 공부하지는 못했다. float기능은 어떤 때에 이용하면 좋은지 찾아보고 어떤 기능과 함께 적용시키면 좀 더 잘 활용할 수 있는지 다시 한번 공부해볼 것이다.

🔥 팀 KPT(유지했으면하는부분, 문제점, 필요한 노력)

[ Keep ]

• 적극적인 슬랙 피드백
• 팀 규칙들
• 정기적인 피드백 및 논의 시간을 가지는 것
• 서로의 사기를 일으켜주는 팀 구호!
• 구글 슬라이드를 이용한 목업
• 팀원들에게 자신이 구현한 기능 설명하기

[ Problem ]
(문제)

• 프로젝트 초반에 기획 및 협의를 명확하게 하기 어려웠음
• 실력차이가 어느정도 있다보니 분업을 어떻게 할 것 인가에 대해서 시간지체
• 중간 마감 기한을 설정하지 않음

(원인)

• 첫 프로젝트인지라 분업을 어떻게 진행할 것에 대한 판단력 부족

[ Try ]

• git 예습
• 남과 비교하지 말고 어제의 나보다 오늘이 더 나은 내가 되기!
• 두려움 대신 자신감 가지기!
• 성취감을 원동력으로 사용하기
• Flask 서버 연동 복습
• 각자 맡은 기능에 주석을 달고 팀원들한테 가르쳐주기
• 기획 단계에서 명확하고 효율적인 파트분배
• 지속적인 자기주도적 공부를 통해서 모르는점들 보완
• 정기적인 상호 피드백 및 논의 시간을 가지는 것
• 중간 목표 설정

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