친절한효자손 취미생활

[자바스크립트 기초] JAVA 태그로 현재시간 출력하기



아침부터 신나는 포스팅의 시간입니다^^

이번 시간에는, 짧긴 하지만, 유용하게 쓰일 수 있는 JAVA 태그중 하나로서,


현재시간을 출력하는 태그를 알아볼께요.






저번시간에 잠시 기초를 다뤘었는데,

복습겸사겸사~ 다시한번 여기에 언급하자면,


<SCRIPT> 라는 코드를 사용하며, 자바는 헤드 안에도 들어갈 수 있고, 바디에도 들어갈 수 있습니다.

좀 자유롭다 해야하나요??? ㅎㅎㅎ


그리고, 다음시간에 다시 언급하겠지만, 쌈박한걸 하나 포스팅 할꺼에요.

그걸 보시고, 이 부분은 어떻게보면 자바의 문법인데,

잘 이해해 주시면 됩니다.





자, 이렇게 바디 안에 <SCRIPT> 코드를 구성해 보았구요,

var 라는 단어로 스타트를 하는게 일반이구요, var는 variable 의 약자로서 해석하면,

변화를 줄 수 있는, 즉! 변수를 의미합니다.


t 는 타임의 약자겠죠?? ㅎㅎㅎㅎ


위의 스크린샷처럼 구성해서 자바를 구성하여, 출력하면???





짜잔~! 이렇게 표시가 됩니다^^

현재시간이 나타나게 되구요, 화면상에서 실시간으로 변하는건 아닙니다.


매번 클릭시, 현재시간이 출력이 되는 것입니다.





또한, 헤드안에 이렇게 태그를 구성해도 되구요~

본문에서는 첫번째시간과 두번째시간을 나눠서 출력하게끔 구성해 보았습니다.





이렇게 구성하는 이유는, 시간을 여러개 써야 할 때가 있을때,

매번 본문에 길게 자바스크립트를 작성할 필요 없이, 이렇게 시간을 크게 공식화 해 놓고,

본문에서 그걸 찾아 쓰기만 하면 편리하므로~


여러번 사용시에, 자바스크립트 코드를 본문이 아닌 헤드안에 넣어놓고 쓰면 유용한 것이죠^^





또한, CSS 스타일시트처럼, 자바도 별도의 파일로 만들어서 불러오기 식으로 사용이 가능합니다.





저 위에 PrintDate 를 메모장이나 드림위버 같은 웹프로그램으로 확인해 본다면,

이렇게 태그가 짜여져 있는것을 별도의 파일로 저장해서 사용이 가능합니다.





확장자는 JS 로 만들어지고, 사용은 이렇게 사용이 가능해요^^

src 로 경로만 지정해 주신다면, 불러와서 사용이 가능하니까, 뭔가 복잡한 자바로 구성이 됬을때는,

별도로 만들어서 사용하면 유용하겠지요^^




자~ 이렇게, 자바기초로 시간을 표시하는 방법을 알아봤어요^^

어렵진 않으시죠?? 헤헷~ 그렇다면, 다음번에는

자바스크립트 기본 구조를 좀 더 디테일하게 알아보도록 하겠습니다.







공유하기

facebook twitter kakaoTalk kakaostory naver band