<4주차>

2022.05.27 ~ 2022.06.02

1. 서론

(4/5) 진짜 거의 다왔다... 스터디 인원 3명, 매번 똑같이 코칭라이브 시간(목), 미션 풀이 시간(일)로 두 번씩 모여서 스터디를 진행하고 있다. 같이 프로젝트를 진행하는 스터디가 아니기도 하고, 비전공자들을 위한 기초 강의를 기반으로 하는 스터디이기 때문에 일주일에 5번씩 만나면서 의견을 나눌 정도는 아니긴하다. (솔직히 조금 아쉽다.) 그래도 이제는 스터디를 참여하게된 이유들을 서로 이야기하면서 편한 마음으로 문제풀이를 시작한다. 팀원분들의 적극성이 증가해서 나도 기분 좋게 참여하고 있다.

---

2. 강의 내용 (단위, 배경, 박스모델, 폰트, 텍스트)

저번 주 강의에 이어서 CSS에 대해서 기본적인 속성에 대한 내용이다.

• 속성의 값을 지정할 때 필요한 단위
• 색을 표현할 때 사용하는 방법
• 배경을 나타내는 속성들
• 박스 모델을 구성하는 content영역, padding영역, border영역, margin영역 + width, height
• 폰트 지정하는 방법, 폰트 영역
• 텍스트 스타일, 정렬 등

기본적으로 웹 페이지의 레이아웃을 구성하기 위해 필요한 재료(?) 준비물(?)로 비유할 수 있는 내용을 공부하는 4주차였던 것 같다.

.
<참고 페이지>

색상
https://developer.mozilla.org/en-US/docs/Web/CSS/color_value

박스모델 https://developer.mozilla.org/enUS/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model

padding
https://developer.mozilla.org/en-US/docs/Web/CSS/padding

마진병합
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing

width
https://developer.mozilla.org/en-US/docs/Web/CSS/width

height
https://developer.mozilla.org/en-US/docs/Web/CSS/height

font-family
https://developer.mozilla.org/ko/docs/Web/CSS/font-family

line-height
https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

font-size
https://developer.mozilla.org/ko/docs/Web/CSS/font-size

font-weight
https://developer.mozilla.org/ko/docs/Web/CSS/font-weight

font-variant
https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant

font
https://developer.mozilla.org/en-US/docs/Web/CSS/font

웹 폰트
https://wit.nts-corp.com/2017/02/13/4258

vertical-align
https://developer.mozilla.org/ko/docs/Web/CSS/vertical-align

text-align
https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

text-indent
https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent

text-decoration
https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration

---

3. 4주차 미션

지난 주차 미션들과 마찬가지로 문제 풀이 과정에 대해서 서술하려고 한다. 저번 주에 목표로 정했던 코치님께 우리 팀의 미션 피드백에 대해서 이야기하는 시간을 가지기는... 실패했다. 팀원분들이 바쁘다고 하기엔 실시간으로 이야기하지 않아도 되었기 때문에 변명에 불과하고, 간단한 문제를 제외하고 어려운 문제들을 다 맞추고, 코치님께 칭찬 코멘트까지 받아서... 필요성을 순간 망각했던 것 같다.ㅠㅠ.. 마지막 5주차 미션을 할 때는 꼭 피드백을 해보는 시간을 가져야겠다.

4주차 미션은 코드를 작성하는 문제가 아니라 짜여진 코드를 보고, 판단하는 문제들이었다. 처음에는 코드만을 직관적으로 보다가 개발자 도구를 사용하는 방식으로 접근했고, 팀원 한 분은 나와 같은 방식으로 접근을 했고, 나머지 한 분은 한글 문서를 공부하면서 알게된 내용을 접목하여 이해했다고 했다. 역시 다양하게 생각할 수 있음을 다시금 느낄 수 있었다. (한글 문서... 많이 다뤘지만.. 전혀 생각지도 못했다^^)

4주차 미션 진행은 내 풀이를 기준으로 잡지 않고, 아무것도 없는 베이스 상태에서 다시 같이 풀어보는 느낌으로 진행하였다. 그리고 같이 풀이를 하기 전에 문제를 분석해서 무엇을 말하고 싶은지, 무엇을 알아야되는지, 어떻게 접근할 것인지를 팀원 분들에게 간단히 브리핑을 하고 시작했다. (팀원 분들은 이번에 처음 시작하는 분들, 나는 강의를 모두 수료한 상태) 그러면서 나는 가이드라인을 잡는 역할을 하면서 팀원 분들의 의견을 듣고, 내 생각을 말하면서 보완하는 방식으로 미션을 수행하려했다... but!!! 팀원 분들이 저번 주차 보다 더 적극적으로 의견을 제시하면서, 내가 생각해도 완벽한 답안을 도출하는 모습을 보고, 와 대박.. 감탄하면서 타자를 치고 있었다^^ (알고보니 부스트코스 과정이 다른 분들에게 취업에 꼭 필요한 과정이라고 생각해서 더 열심히 공부하셨다는 비하인드스토리...감동..ㅠㅠ)

---

4. 4주차 후기

솔직히 팀원분들의 더욱 적극적인 모습에 감동 받았다. 내가 팀장으로 부족한 점이 너무 많았고, 그로인해 팀원분들에게 미안한 생각이 들었다... 단순히 팀원분들의 활동을 기록하고, 미션을 제출하는 팀원과 별 다를 것 없는 활동이 아쉽기도 했다. 매주 라이브 코칭 강의를 통해서 우수 미션 제출 팀을 보면서 나는 왜 저렇게 하지 못했을까하는 생각이 잠깐 스쳤다.
그래도 우리 팀 나름으로 최선을 다해서 이야기를 나누면서 최선의 답을 도출했고, 그 과정을 나는 더 좋게 생각했다. 어차피 답은 똑같으니까. (표현하는 방법이 다를뿐...ㅠㅠ)

이제 마지막 주차만 남았다. 먼가 많은 것을 바꾸기 보다는 나도 의견을 더 적극적으로 제시하면서 팀원분들의 이야기를 더 집중해서 듣고, 틀렸다고 지적하는 것이 아니라 그렇게 생각한 이유와 의견을 이야기 하면서 폭넓은 생각을 팀원들과 같이 가지게되고 싶다.

화이팅!!