🌱 엄마의 코딩성장기록 Day 115 - [CSS 독학] : 채팅 화면, CSS와의 치열한 밀당

🌙 목표했던 절반, 하지만 채워진 열정

오늘은 코코아톡 클론의 핵심인 '채팅(Chat)' 화면에 도전했다.

Friends, Find를 거쳐 드디어 여기까지 왔다는 설렘에 오늘 안에 채팅창을 정복하겠다는 야심 찬 목표를 세웠다.

하지만 코드는 늘 내 예상과 다르게 움직인다.

아이콘은 자꾸 영역을 이탈하고, 정렬은 왜 자꾸 중앙으로만 모이는지.

목표했던 양의 절반도 채우지 못한 것 같아 아쉬움이 남는 밤이다.

---

🛠️ 하나씩 고쳐가는 과정의 소중함

속상한 마음을 뒤로하고 다시 코드를 들여다봤다.

삐져나온 아이콘을 제자리로 돌려놓고, 엉뚱한 곳을 향하던 flex 속성들을 하나씩 잡아나갔다.

그렇게 씨름하다 보니 어느새 채팅 입력창 바로 직전까지 화면이 완성되었다.

비록 완벽하게 끝내지는 못했지만, 엉망이었던 레이아웃을 내 손으로 직접 바로잡았을 때의 그 짜릿함은 해본 사람만이 알 수 있다.

결과물은 조금 느릴지 몰라도, 내 실력은 확실히 한 뼘 더 자랐다.

---

✨ 내일의 나에게 건네는 응원

육아 퇴근 후, 무거운 몸을 이끌고 노트북 앞에 앉아 여기까지 온 것만으로도 충분히 박수받을 일이다.

코코아톡 클론의 끝이 보이기 시작한다.

내일은 오늘 못다 한 채팅 입력창을 완성하고, 전체적인 화면을 다시 한번 정돈해 볼 생각이다.

조금씩, 하지만 확실하게 앞으로 나아가고 있다는 감각을 믿는다.

"속도는 중요하지 않아. 멈추지 않고 가고 있다는 게 중요하지."

 

#노마드코더 #카카오톡클론코딩 #채팅화면 #레이아웃 #프론트엔드공부 #육퇴후코딩 #자기개발 #CSS정렬 #오늘도성장