22. 꿀잠 도구 만들기 - 웹사이트 6편

 최근 3-4일 동안 노트북을 붙들고 살고 있다. 노마드 코더 챌린지 과제(퀴즈와 코드챌린지)도 있고, 꿀잠 도구 웹사이트 만드는 것도 병행하니 근무 시간을 제외하고는 대부분의 시간을 프로그래밍 공부에 쏟아부었다. 내가 현재 구현할 수 없는 것을 알고, 상세히 글로 정리한 일은 정말 잘했다. 1개 해결하고, 다음에 무엇을 해야할지가 명확하니 '이제 뭘 해야하지?'하며 방황하는 일은 없다. 1일 1해결을 내심 기대하며 '꿀잠도구(aka. 허니슬립', 내 맘대로 이름 붙이기~!)' 웹을 만들고, 생각보다 빨리 앱 만드는 것으로 넘어갈 수 있지 않을까 생각했었다.

 

 그런데, 오만이었다. 기능을 구현하기 위해서는, 다른 사람이 쓴 코드를 띡하고 복사-붙여넣기만 한다고 되는 것이 아니다. 문법을 이해하고, '이럴 때는 이렇게 하는구나'를 이해하며 넘어가니 시간이 꽤 걸린다. 초반에 해결해야할 부분을 4가지로 꼽았는데, 만들다보니 조금씩 늘어나고 있다. 'navagation-bar도 있어야 하네', '메인 포스터와 홈 화면을 따로 만드는 것이 좋겠어', '박스 안에 이미지가 달아나지 않게 하려면 어떻게 하는거지? 이미지 사이즈를 다시 통일해야 하나?' 등등 아주 온 몸으로 수 많은 문제들을 마주하고 있다. (노마드 코더 니콜라스가 했을때는 '나도 할 수 있겠네' 자신만만했는데...) 현 시점에서 중간 점검을 한번 해보고 넘어가자.

 

<해결한 것들> 1. 접속할 때마다 랜덤이미지로 바뀌도록 하기 2. '허니슬립' 메인 포스터 만들기 3. navigation-bar(홈, 수면음악 리스트, 설정) 구성하기 4. 동영상 반응형으로 만들기

<해결해야 할 것들> 1. 타이머 기능 넣기 + 플레이, 일시정지, 초기화 버튼과 함께 호환시키기 2. 타이머 종료시, close화면으로 전환되도록 하기 3. navigation-bar 더 정갈하게 다듬기 4. 설정 화면 content 구상하기 ( 'wifi, LTE → 비행기 모드로 전환' - on/off모드 넣기) 5. 홈페이지 스토리보드 파일로 만들기