JazzyCAT

🍊 계기 개인 프로젝트로 두더지 게임을 만들던 중, 아래와 같이 자식 요소의 적용한 여백이 wrapper인 부모 요소의 여백으로 적용되었었다. 해당 현상은 생각보다 자주 겪었던 것 같은데 그때그때 해결만 했을 뿐 정리를 하지 않아서 탐구해보기로 함! 🍊 도대체 이 현상은 무엇인가? 부모 태그에 별도의 border, padding, margin이 없고 + max-height, min-height가 설정되어 있지 않을 경우 자식 태그의 margin-top이 부모에게도 적용된다고 한다. → 이는 margin-collapse 현상의 일종이다. (출처) 그렇다면 다음과 같은 토픽을 살펴보자. 플젝이 아니라 간단한 예제로 다시 재현했을 때도 같은 현상이 나타나는지? 해결 방법들에는 어떠한 것들이 있는지? margi..

2월의 공부 2월에 리액트 공식문서를 읽다보니 . . . 나는 자바스크립트를 알고 있다는 게 아니란 것을 깨달았다. 자바스크립트 연습을 하기 위해 노션 위젯을 만들다보니 . . . 나는 html/css도 부족하다는 것을 깨달았다. ㅋ ㅋ ㅋ 공식문서 튜토리얼 이후에 혼자 심화 기능 구현을 해보며 리액트 맛보기는 끝낸 것 같고, 제로초님의 네이버 클론 강의로 개념빵꾸들을 찾아냈다. 개발자 시장이 망했다는 이야기들 또 야속한 유튜브 알고리즘 때문에 취업시장의 얼어붙은 분위기, 걱정되는 전망 등등 각종 힘 빠지는 소식들을 많이 들었다. 하지만 깊게 생각하지 않기로 했다. 회피하고 싶다기보다, 매우 자연스러운 현상으로 느껴진다. 어딜가든 누굴 만나든 나 요즘 코딩해-라는 말도 듣고, 코드를 치고 있는 모습을 지..