꿈에서 현실로: 나의 첫 번째 Resizable Sidebar UI

Source: Dev.to

소개

오늘은 정말 신이 납니다. 3~4개월 전까지만 해도 꿈꾸던 것을 이제 막 만들기 시작했거든요. 업계 기준으로 보면 큰 프로젝트는 아니지만, 저에게는 엄청난 성취감이 듭니다.

진행 상황

VS Code에서 보는 것 같은 크기 조절 가능한 사이드바를 만들기 시작했습니다. 이 아이디어는 몇 달 동안 머릿속에 맴돌며 매일 매일 구현해 보려는 동기를 부여했어요. 오늘 비로소 첫 발을 내디뎠습니다. 아직 완성하지는 않았지만, 이제 어떻게 동작할지 완전히 이해했습니다. 공부한 워크숍과 배운 개념들이 드디어 의미를 갖기 시작했어요. “내가 할 수 있다”는 명확함은 말로 표현할 수 없을 정도로 만족스럽습니다.

도구 및 학습

여정이 순탄하지만은 않았습니다. 몇 달 전만 해도 제 툴박스에는 useRef도, proper event handling도 없었습니다. 오늘은 그 도구들을 활용해 직접 UI를 구현하기 시작했어요. 로직을 이해하고 직접 손으로 만들어 나가는 것이 자랑스럽습니다.

다음 단계

오늘 전체 UI를 완성하고 전체 블로그 글을 쓰고 싶었지만, 근무 시간이 시작되었습니다. 인샤 알라, 내일 마무리하고 전체 과정을 공유하겠습니다.

업데이트 상태

CSS Modules를 사용해 앱의 전체 UI를 업데이트하고 있어서 지난 이틀, 삼일 정도 dev.to에 글을 올리지 못했습니다. 업데이트가 곧 공개될 예정이며, 여러분과 나누고 싶어요.

조언

스스로에게 도전하는 모든 분들께: 작게 시작하고, 지금 바로 시작하세요. 오늘 끝내지 못하더라도 워크플로를 이해하고 구현을 시작하는 것만으로도 이미 큰 승리입니다.