카테고리 없음

20. 꿀잠 도구 만들기 - 웹사이트 4편

브라더원 2020. 4. 2. 23:57

 금방 퇴근길에. play 화면에 삽입할 이미지 26개를 느낌 가는대로 스무스하게 골랐다.(pixabay !) 2주마다 1개씩 이미지를 바꾼다고 생각하면, 52주를 커버할 수 있다. 52주는 대략 1년이다. 이렇게 play 화면에서 쓸 이미지는 준비되었다. 그런데, 사실 문제가 하나 있다.

 

 이를 어떻게 코드로 구현할 수 있는지를 모른다는 것이다. 단순히 떠오른 아이디어를 일단 적고, 어떻게 나타낼 수 있을지는 찾아보면 된다. 그래서 구글링, 유튜브, 관련 글을 공부하며 일정 시간이 지나면 이미지가 바뀌도록 하는 법을 익힐 예정이다.

 

 이처럼 나는 개발자로서 아직 많이 미흡하다. 구현할 수 있는 것도 많이 없고, 하나를 만들기 위해서도 아직 버벅임이 많다. 그러나 모르는 것을 하나씩 알아가는 기쁨, 그리고 내 아이디어를 실현해나가는 과정 자체가 즐겁다. 그러니 각 페이지를 만들기 위해 필요로 하는 인풋이 있다면, 될 때까지 뚫을 것이다. 다음은 ‘play’‘close’ 페이지를 만들기 위해 해결해야할 부분을 정리한 것이다. 앞으로의 개발 공부 일기는 아래의 문제들을 해결하기 위한 과정을 담을 것이다.

 

[ play 화면 ]

 

1. 2주가 지나면 랜덤으로 이미지가 바뀌도록 하는 법을 알아야한다. play-images 폴더를 만들고, 이 폴더 안에 26개의 이미지를 일단 저장해두자. 그리고 어떻게 2주마다 한 번씩 이미지를 바뀌도록 할 수 있을지 찾아보자.

2. 타이머 기능을 어떻게 넣는지 알아야한다.

3. 타이머 30분이 끝나면, 타이머 30분 끝  ‘close.html’으로 자동으로 넘어갈 수 있도록 싶다.

 

[ close 화면 ]

 

1. close 화면이 나타남과 동시에, Wifi 또는 LTE 꺼지고 비행기 모드로 전환하는 법을 알아야 한다.

2. play에서와 마찬가지로, 2주가 지나면 수면 명언과 이미지가 랜덤으로 바뀌도록 하는 법을 알아야한다.