설명

조건
위도, 경도도 받아오기 navigator 객체 활용
구글 지도도 연동하기
IE8까지 지원 (귀찮아서 CSS는 IE10+까지만..)
only javascript만 활용
기법
팀장님께서준 위도, 경도 활용한 일출몰 계산 js바탕으로 식 작성하기
현재시간과 일출몰 시간 비교
한계
navigator 객체로 당사자 위도 경도 받아오는 것이 사생활 침해라 크롬과 파이어폭스에선 아예 막아놓음
  • 때문에 로컬 서버에서는 잘 되는데 크롬, 파이어폭스 브라우저에선 실행이 안됨
  • IE는 됨.. IE는 제한이 그렇게 심하진 않은가봄
  • 안되는 브라우저에서는 해당 위치를 사용하기 위해선 보안인증을 받아야된다고 함
어쩔수 없이 위도, 경도를 직접 입력 후 일출몰을 알아내 현재시간과 비교
내가 있는 위치에 따라서 자동으로 계산되게 하고싶었으나 이런 제한이 있을줄은...
  • tip. 구글맵 api는 IE9 이하는 지원을 안한다.

JS는 IE8+, CSS keyframes은 IE10+