🌱 엄마의 코딩성장기록 Day 118 - [JS 공부] 화면에 생명을 불어넣는 시간: 바닐라 JS 크롬 앱 만들기 시작!

🎨 '그림'에서 '동작'으로

카카오톡 클론코딩으로 HTML과 CSS의 기초를 다졌다면, 이제는 정말로 화면을 "움직이게" 만드는 자바스크립트의 세계에 발을 들였다. 오늘은 아주 간단하지만 핵심적인 로그인 화면 구조를 만들었다.

사용자가 이름을 입력하면 그걸 기억하고, 상황에 따라 로그인 폼을 숨기거나 인사 메시지를 보여주는 기능을 구현해봤다.

💾 localStorage: 웹 브라우저의 기억력

오늘의 핵심은 localStorage였다. 브라우저에 데이터를 저장하고 꺼내 쓰는 이 작은 코드가 웹에 '기억력'을 선물한다는 게 참 신기하다.

처음으로 내가 입력한 이름이 콘솔창에 나타나는 걸 봤을 때, "아, 이제 내가 웹을 움직이고 있구나" 하는 실감이 났다.

---

🐢 조금씩, 천천히, 그래도 앞으로

둘째의 어린이집 적응 기간 덕분에 생긴 소중한 틈새 시간.

비록 짧은 시간이지만 강의를 따라 치고 에러를 고쳐가며 웹의 원리를 조금씩 알아가는 이 과정이 참 뿌듯하다.

내일은 로그인 기능을 완벽히 마무리하고, 저장된 이름을 화면에 멋지게 띄워줄 예정이다.

한 걸음씩 걷다 보면 어느새 내가 원하는 기능을 뚝딱 만들어내는 날이 오겠지?

"완벽함보다는 꾸준함을 선택한 오늘, 나 자신에게 박수를 보낸다."

 

#노마드코더 #바닐라JS #자바스크립트공부 #크롬앱만들기 #localStorage #육아맘공부 #오늘도성장 #초보개발자 #JS입문