CodeSquad Day 29 : Front-end Week 1

 

CodeSquad🔹Day 29

Morning Scrum

매일 하는 아침 스크럼이 점점 너무 형식적으로 짤막하게 되어가는 것 같아서, 내가 제안을 했다. 자신이 할 일을 좀 더 구체적으로 명시해 주고, 또 말하고 나서 바로 다음 턴으로 넘기기보다는 긍정적인 코멘트를 몇 마디 주고받는 식으로. 그랬더니 약간 삭막했던 아침 스크럼이 좀 더 활기를 띠는 느낌이 들었다. 그냥 뭐 했다, 라고 끝나고 마는 것보다는 대화를 하는 식으로 진행되고 대화하면서 얻는 것도 있었다. 제안하길 잘했다는 생각이 들었다!

 

Class by Crong

크롱의 두 번째 프론트엔드 수업. 이번에는 CSS, DOM에 대한 내용을 중점으로 진행되었다. 이번에도 내가 모르는 것들도 많이 나와서 공부할 게 참 많다고 느꼈다. 그리고 일부 수강생들의 미션을 리뷰해주기도 했는데 잘하신 분들이 많아서 자극도 많이 되고, 많이 배워갔다.

 

Things to know

- Pseudo element (CSS)

- Z-index, stacking context

- user agent stylesheet

- e.target vs e.currentTarget

- event bubbling

- closest

- reset vs revert

- 정적 웹과 동적 웹

 

Mission 2

오후 5시 그룹 리뷰 전까지 자바스크립트로 tab을 눌렀을 때 화면 전환이 되는 기능을 구현해 보았다.

 

Group Review

다른 분들이 하신 것을 보면서 시야가 넓어지는 느낌이 들었다. 항상 내가 미처 생각하지도 못한 것을 생각해서 구현하는 분들이 있다.

그룹 리뷰가 끝나고 게더타운에 있었는데, 도토리가 미션을 갈아 엎어야되나 고민이라고 해서 즉흥적으로 리뷰를 해 보았다. 도토리는 정말 꼼꼼하게 CSS를 작성했다! 디테일까지 다 신경 쓰고, 레이아웃을 잘 짠 것을 보면서 반성이 되었다. 내 것도 간단하게 리뷰를 했다. 이야기를 하다가 정적 웹과 동적 웹 이야기가 나와서 이것에 대해서도 좀 제대로 알아야겠다는 생각이 들었다.

 

Algorithm

어제의 배탈로 인한 후유증으로 아침에 일어나기가 힘들었어서 스터디에 약간 지각을 하고 말았다. 복통이 오늘 오후까지 계속 이어질 줄은 몰랐다. (건강 관리의 중요성을 크게 실감한다. 아프지 않게 건강 잘 관리하는 것도 정말 큰 능력이다.) 늦게나마 참석했지만 몸 상태가 좋지 않아서 제대로 참여하지 못해서 같이 하는 분들에게 미안하기도 하고, 반성도 했다. 프로그래머스 행렬의 곱셈 문제였는데, 밤에 다시 풀어보면서 오류가 났던 부분을 고쳐냈다.

LeetCode 문제도 하나 도전했는데 못 풀었다. 내일 다시 도전하려고 한다.

 

DOM, Critical Rendering Path

오늘도 어제처럼 미션 구현보다는 학습에 중점을 두었다. 어제 브라우저 작동 원리를 공부했었는데 그 부분을 짧게 한 번 훑고, DOM에 대해서 좀 더 제대로 알고 싶어서 공부해 보았다.

영어로 된 문서를 잘 읽고 싶다는 열망이 있어서 이번엔 원서를 읽어보았다. DOM Enlightenment 책을 아주 조금 읽었는데 어려워서 MDN으로 옮겨갔다.

Critical rendering path - Web Performance | MDN (mozilla.org)

Critical rendering path - Web Performance | MDN

최적화까지는 아직 잘 와닿지 않는다. 일단 전반적인 흐름은 파악했다.

아직 영어 문서 읽는 속도가 한국어로 된 것을 읽는 것보다 확연히 느린데 결국 많이 읽는 수밖에 없는 것 같다.

https://en.wikipedia.org/wiki/Document_Object_Model

Document Object Model - Wikipedia

위키피디아도 설명이 참 잘 되어 있다. 앞부분만 조금 참고했다.

영어 문서도 한글로 된 것처럼 술술 읽는 날이 오길 기대하면서, 어렵다고 한국어만 찾지 말고 꾸준히 읽어야겠다. 다만 시간이 좀 걸려서 앞으로 미션이 어려워지면 학습에 투자할 수 있는 시간이 줄어들텐데 그 부분이 좀 걱정은 된다.