WHO IS OLDER? (6)

일지를 다 써놓고 업로드를 깜박하고 안했네요😂

 

한 주간 프로젝트를 진행하면서 프로젝트가 정확하게 진행되기 위해서는 귀찮더라도 하나하나 커뮤니케이션을 통해 결정하는 것이 중요하다는 것을 느낄 수 있었습니다. 본인이 친 코드는 바로 이해할 수 있지만 제3자가 봤을 때는 이해하지 못할 수도 있기 때문입니다. 그래서 어떤 코드를 짜고 있는지 어떻게 어디서 구현할건지 세세히 공유하려고 노력했습니다. 

 

 

 

10/18 (MON)

기능 구현에서는 다 같이 코드를 짰던 반면 CSS에서는 분업할 수 있는 부분은 분업을 하기로 했습니다.

git branch를 각자 만들어 세가지 버전을 pull request한 후 충돌되는 부분 없이 merge까지 할 수 있을거라 예상했습니다.

따라서 필요한 CSS 파트를 정리하여 역할 분담을 했습니다.

 

 

 

10/19 (TUE)

어제 나누었던 역할을 바탕으로 각자 한시간 정도 CSS를 구현하고, 30분정도 다같이 코드 리뷰 후 merge 했습니다.

크게 Header, Button, People 파트로 나누어서 진행했는데 저는 People을 담당했습니다.

분업 결과 각 컴포넌트대로 대부분 잘 구현이 되었습니다.

코드 리뷰를 했는데도 아직 완성되지 못한 부분이 People에서 답 여부에 따라 Background Color 가 달라지는 부분이었습니다.

이 부분은 내일 마저 해결해보려고 합니다!

 

그리고 코드 리뷰 후에 추가로 더 구현해야하는 부분들을 찾을 수 있었습니다.

그러한 부분들은 아래와 같이 이슈로 정리했고, 내일부터 하나씩 해결해보려고 합니다!

 

 

 

10/20 (WED)

어제 해결하지 못했던 People 컴포넌트에서 답 여부에 따라 Background Color를 다르게 적용해주는 부분을 완성했습니다.

birth 컴포넌트에서 삼항연산자를 사용하여 className을 다르게 지정해줌으로써 해결했습니다.

 

이후 Play 페이지에서 Header - Score 정렬 조정 이슈를 해결하려 시도했습니다.

간단한 거라 생각해서 빨리 끝날 줄 알았는데 저희가 배웠던 CSS 만으로는 해결하는데 한계가 있었습니다.

flex를 사용해서 정렬을 하려 했지만 잘 되지 않았습니다.

다른 유명 사이트들을 참고해봐도 비율을 맞추기 위해서는 로고나 에어캡을 통해 맞출 수 있다는 결론이 나서 에어캡을 통해 비율을 맞추었습니다.

 

 

 

 

10/21 (THU)

• Header 레이아웃 정렬
• 배경화면 및 폰트 색상 변경
• header 및 people 컴포넌트 패딩 추가
• 메인 페이지 header 변경

 

 

 

10/22 (FRI)

스팬 태그 CSS 추가 및 다음주 더미 데이터 추가 계획