공부/컴
-
Javascript 공부하기. 알람 시계 6 타이머 기능 추가공부/컴 2017. 12. 13. 22:50
이전에 만든 알람 시계에는 특정 시각에 알람이 울리는 기능만 구현했지만, 쓰다 보니 일정 시간 후에 알람이 울리는 기능, 즉 "타이머" 기능이 있으면 좋겠다는 생각이 들었다. 구현이 그렇게 어려울 것 같지 않아서 원래의 코드에 더해 보았다. 일단 원래 코드는 아래와 같다. 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711..
-
Javascript 공부하기. 알람 시계 5. setTimeout 안에서 alert 활용하기.공부/컴 2017. 12. 10. 22:08
갑자기 Javascript 로 허접한 알람 시계를 만드는 내용에 관한 글을 더 쓰게 되었다. 분명 저번 4번쨰 글로 사실상 마무리를 한 셈이었는데 갑자기 추가하고 싶은 기능이 생각났고, 그것을 구현하는 것도 이 글의 연장선이 될 것 같아서 쓰게 되었다. 일단... 저번에 만든 알람시계의 코드는 이렇다.1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121..
-
Javascript 공부하기. 알람 시계4공부/컴 2017. 11. 1. 19:28
이번에는 알람시각이 되었을 때 알람을 울리기 위한 동작을 구현해 볼 것이다.앞에서 Alarm() 함수 안에 ringalarm() 이라는 함수를 "이름만" 걸어 놓았다.알람 시계에 가장 필요한 건 역시 "소리" 일 것이다. 그래서 audio 재생 구현을 중심으로 공부해보자.먼저 html상에 audio 요소가 있어야 되기 때문에 이것을 MakeTable() 안에 추가 해 주자.audio 태그의 간단한 형태는 이다. audio 태그를 추가하고 관리하기 위해 추가한 코드들은 다음과 같다. 주석을 참고해서 읽어보면 어디에 추가하면 될 지는 바로 알 수 있을 것이다. 1234567891011121314151617//전역변수로 경로 등록ALARM_SOUND_PATH='justice.mp3'; //MakeTable()..
-
Javascript 공부하기. 알람 시계3공부/컴 2017. 10. 30. 18:29
앞 과정에서 기본적인 시계는 만들었으니, 이제 알람을 만들 차례이다.알람 시계를 만들기 위해서는 먼저 알람 시각이 표시되는 칸이 필요한데 이것은 이미 표로 만들어 놓았고알람을 설정하기 위한 인터페이스와 알람이 실제로 울릴 때의 동작이 필요하다.알람 설정을 위한 인터페이스는 여러가지 방법이 있을 수 있는데 나는 앞의 표에서 만들어 놓았던 DIVremain 이라는 공간을 활용하려고 한다. 원래는 남은 시간을 표시하기 위해 만든 공간이었는데, 알람 설정을 할 때는 남은 시간을 볼 필요가 없으니 재활용 하기에 그만이다.이런 모양으로 구성하면 좋을 것 같다. 이 과정에서 html의 div 공간을 Clock() , Alarm() 안에 종속적으로 배정하는 게 좋을 것 같아서 함수를 조금 수정했다.12345678910..
-
Javascript 공부하기. 알람 시계2공부/컴 2017. 10. 29. 18:40
글 1에서는 알람 시계에서 쓰일 Object 의 뼈대만 정의했었다.내용이 너무 짧은 감이 없지 않지만, 알람 시계 자체가 복잡한 프로그램이 아니기 때문에 자잘하게 나눠서 쓰는 것도 괜찮을 것 같다.이번에는 저번에 만든 뼈대에 내용을 좀 채워 보려고 한다.1234567891011121314 function Clock(){ this.time=new Date(); } function Alarm(){ this.time; } //Run Interval function RunInterval(){ // 여기다가 갱신할 내용들을 넣자. setTimeout("RunInterval",50); }cs지난번에 만든 코드는 고작 요만큼이다. 보다시피 뼈대는커녕 이름만 걸어 놓은 정도이다. 내용을 조금만 채워 보자.123456 ..
-
Javascript 공부하기. 알람 시계 1공부/컴 2017. 10. 27. 18:27
인벤 게임 컨퍼런스에서 HTML5 로 게임 프로그래밍 하기에 대한 강연을 보고예전에 고민하다가 포기했었던 HTML5 프로그래밍이 다시 하고싶어져서 그 일환으로 우선 Javascript 를 연습하기로 했다.사실 HTML5가 어떤 건지도 정확하게 잘 모르겠지만 "인터넷 브라우저 환경에서 다양한 것들을 구현할 수 있는 도구" 정도로 생각해도 틀리지는 않을 것이다. 또 이것을 다루는 데에는 Javascript 가 필수적이다. (사실 Javascript 말고 다른 언어도 있긴 할텐데 잘 모르겠다.) 그래서 Javascript 로 뭘 만들까 생각하다가, 알람 시계 프로그램을 하나 만들어 보기로 했다.알람 시계 같은 건 사실 C 같은 걸로 만들어서 하나의 응용 프로그램으로 만드는 게 가장 쓰기도 편하고 효율적이겠지만..