Etc/2020

[Web] 잠드는 시간 추천해주는 사이트 만들기!

메바동 2020. 8. 3. 21:48
728x90

mebadong-kor.github.io/When-should-I-fall-asleep-/

 

When should i fall asleep?

추천되는 취침 시간 00:00, 00:00, 00:00, 00:00 00:00, 00:00, 00:00, 00:00 짧은 수면 시간은 추천하지 않습니다. 그렇다고 너무 긴 수면 시간도 추천하지 않습니다. 성인의 경우 하루에 7 ~ 8시간 정도 자는 것

mebadong-kor.github.io

 

뭔가를 만들고 싶었다.

그러다가 우연히 잠드는 시간을 추천해주는 사이트를 알게 되었고 계산이 정말 단순했다. 기상 시간을 입력하면 1시간 30분씩 빼서 계산해 주는 방식이었다.

 

만들 때 부트스트랩 대신 사용할 것을 찾다가 알게 된 Materialize를 이용해서 만들기로 하였다.

만들고 나서 든 생각인데 정말 단순한 사이트라서 Materialize의 기능을 이용한 게 별로 없었다.

 

 

PC 화면에서는 이렇게 보이고 모바일 화면에서는 미디어 쿼리를 이용해서 조금 다르게 보이게 해 줬다.

 

 

내용을 보여주는 row의 배경색을 투명도 있는 검정으로 설정해 주어 가독성을 더 높여줬다.

 

뭐라고 더 쓰고 싶은데 쓸 말이 없다.

 

그냥 뭔가 만들고 싶어서 되지도 않는 실력으로 만들어본 거라 할 말이 없다.

 

다음엔 공부 좀 해서 영양가 있는 것 좀 만들어 봐야겠다.

 

- 포스팅 마침 -

728x90