본문 바로가기

반응형

자바스크립트

(19)
네이버 스톱워치 같은 스톱워치를 블로그에 달아보자 0:00:00:00 시작 리셋 태그를 대충 만들어서 핸드폰에서는 제대로 화면 구성이 셋팅이 안되어 있습니다. 휴대폰에서는 좀 허접하게 나올 것입니다. 공부하는 의미로 그냥 올립니다. 휴대폰에서 제대로 나오게 할려면 미디어쿼리를 사용하시던지 margin이나 font size를 수정하면 될 것 같습니다. 오늘은 html, css, javascript를 이용해서 네이버 스톱워치 같은 스톱워치를 티스토리 블로그에 한번 달아 봤습니다. 자바스크립트 소스는 공개되어 있는 소스를 약간 수정해서 사용했습니다. 워드프레스에도 달아 보고 이번에 티스토리 블로그에도 한번 달아봤는데 잘 적용이 되네요. 아래에 html, css, javascript 소스를 올립니다. 블로그에 적용하는 방법은 간단합니다. 블로그 포스팅할 때 H..
[강좌 009] 자바스크립트 Function II Function(함수)는 다른 프로그램 언어에서 Procedure나 subroutine와 비슷합니다. 프로시쥬어나 서브루틴처럼 코드를 재사용할 수 있으며, 같은 함수에서도 다른 인수를 사용하여 다른 결과들을 도출할 수 있습니다. 함수는 변수의 값으로도 사용할 수 있습니다. temp = vanxy(3,2);text = "값은 " + temp + " 입니다."; Local 변수 (지역변수)함수내에서 var 키워드를 사용하여 변수를 선언하게 되면 그 변수가 영향을 미치는 범위는 함수내부로 한정됩니다. 지역변수는 함수가 시작되면 역할을 시작했다가 함수가 종료되면 지역변수로서의 역할도 끝나게 됩니다. Global 변수 (전역변수)함수 바깥에서 선언된 변수를 말합니다. 전역변수는 함수내부에서도 접근이 가능하고 함수..
[강좌 008] 자바스크립트 Function (I) 함수(Function)이란 ?Function(함수)는 특별한 일을 수행하기 위한 코드들의 집합이라 할 수 있습니다.또한 자바스크립트에서의 Function(함수는) 호출될 때 실행됩니다. 단지 함수를 정의만 한경우에는 실행되지 않는다는 말입니다. 함수 문법자바스크립트 함수의 문법은 아래와 같이 Function이라는 키워드를 쓰고 그다음에 함수이름을 씁니다. 함수이름 다음에는 (매개변수1,매개변수2,...)등과 같이 매개변수를 사용할 수 있습니다. 또한 실행될 코드들은 중괄호{}로 사이에다 적게됩니다. Function 함수이름 (매개변수들) { 실행될 코드들; } 함수가 호출된다는 말은 보통 "이벤트가 발생할때 (예;마우스클릭 등)" 또는 또는 "다른 자바스크립트 함수나 코드가 함수를 실행시킬때", 또는 "..
[강좌 007] 자바스크립트 자료형 (DataType) 자바스크립트에서의 자료형(DataType)은 어떤 것들이 있을까요? 문자형,숫자형,불린형,배열형,오브젝트형,Underfined 등이 있습니다. 자바스크립트의 자료형은 다른 언어에 비해 자료형이 좀 단순한 편입니다. 다른 언어를 보면 숫자형만 해도 정수형, 실수형, 부동소숫점형 등 여러가지가 있고 또한 미리 선언(ex: int)해야 예기치 못한 에러를 피해갈 수 있습니다. 하지만 자바스크립트는 동적인 자료형(DataType)의 성질을 갖습니다. 다른말로 하면 같은 변수가 값에 따라 각각 다른 자료형으로 자동적으로 인식된다는 말입니다. var x; //자료형: undifined var x = 5; //자료형: 숫자형 var x = "Gold"; //자료형: 문자형 1.문자형(string)은 앞선 강좌에서 봤..
[강좌 006] 자바스크립트 문자열 01 1.문자열(Strings)은 ""또는''으로 둘러 싼다. 내부에 따옴표를 넣고 싶다면 큰따옴표 안에 작은따옴표를 또는 작은따옴표 안에 큰따옴표를 사용한다. var test1 = "This is a JavaScript Book" ; var test2 = "This is a 'JavaScript' Book" ; var test3 = 'This is a "JavaScript" book' ; 2.문자열을 합칠때는 + 기호를 사용한다. 보통 + 기호는 숫자를 더할 때 사용되는 것이지만 자바스크립트 에서는 문자를 합칠때도 + 기호를 사용한다. var test1 = "This" + " is a Book"; var test2 = " JavaScript" ; var test3 = test1 + test2 ; //결과 :..

반응형