'자바스크립트' 카테고리의 글 목록 19개

네이버 스톱워치 같은 스톱워치를 블로그에 달아보자

자바스크립트/기타등등 · 2018.11.16 16:22

네이버 스톱워치 같은 스톱워치를 블로그에 달아보자

0:00:00:00 시작 리셋 태그를 대충 만들어서 핸드폰에서는 제대로 화면 구성이 셋팅이 안되어 있습니다. 휴대폰에서는 좀 허접하게 나올 것입니다. 공부하는 의미로 그냥 올립니다. 휴대폰에서 제대로 나오게 할려면 미디어쿼리를 사용하시던지 margin이나 font size를 수정하면 될 것 같습니다. 오늘은 html, css, javascript를 이용해서 네이버 스톱워치 같은 스톱워치를 티스토리 블로그에 한번 달아 봤습니다. 자바스크립트 소스는 공개되어 있는 소스를 약간 수정해서 사용했습니다. 워드프레스에도 달아 보고 이번에 티스토리 블로그에도 한번 달아봤는데 잘 적용이 되네요. 아래에 html, css, javascript 소스를 올립니다. 블로그에 적용하는 방법은 간단합니..

[강좌 009] 자바스크립트 Function II

자바스크립트/Learn · 2014.12.19 17:55

[강좌 009] 자바스크립트 Function II

Function(함수)는 다른 프로그램 언어에서 Procedure나 subroutine와 비슷합니다. 프로시쥬어나 서브루틴처럼 코드를 재사용할 수 있으며, 같은 함수에서도 다른 인수를 사용하여 다른 결과들을 도출할 수 있습니다. 함수는 변수의 값으로도 사용할 수 있습니다. temp = vanxy(3,2);text = "값은 " + temp + " 입니다."; Local 변수 (지역변수)함수내에서 var 키워드를 사용하여 변수를 선언하게 되면 그 변수가 영향을 미치는 범위는 함수내부로 한정됩니다. 지역변수는 함수가 시작되면 역할을 시작했다가 함수가 종료되면 지역변수로서의 역할도 끝나게 됩니다. Global 변수 (전역변수)함수 바깥에서 선언된 변수를 말합니다. 전역변수는 함수내부에서도 접근이 가능하고 함수..

[강좌 008] 자바스크립트 Function (I)

자바스크립트/Learn · 2014.12.17 19:00

[강좌 008] 자바스크립트 Function (I)

함수(Function)이란 ? Function(함수)는 특별한 일을 수행하기 위한 코드들의 집합이라 할 수 있습니다.또한 자바스크립트에서의 Function(함수는) 호출될 때 실행됩니다. 단지 함수를 정의만 한경우에는 실행되지 않는다는 말입니다. 함수 문법 자바스크립트 함수의 문법은 아래와 같이 Function이라는 키워드를 쓰고 그다음에 함수이름을 씁니다. 함수이름 다음에는 (매개변수1,매개변수2,...)등과 같이 매개변수를 사용할 수 있습니다. 또한 실행될 코드들은 중괄호{}로 사이에다 적게됩니다. Function 함수이름 (매개변수들) { 실행될 코드들; } 함수가 호출된다는 말은 보통 "이벤트가 발생할때 (예;마우스클릭 등)" 또는 또는 "다른 자바스크립트 함수나 코드가 함수를 실행시킬때", 또는..

[강좌 007] 자바스크립트 자료형 (DataType)

자바스크립트/Learn · 2014.12.10 12:40

[강좌 007] 자바스크립트 자료형 (DataType)

자바스크립트에서의 자료형(DataType)은 어떤 것들이 있을까요? 문자형,숫자형,불린형,배열형,오브젝트형,Underfined 등이 있습니다. 자바스크립트의 자료형은 다른 언어에 비해 자료형이 좀 단순한 편입니다. 다른 언어를 보면 숫자형만 해도 정수형, 실수형, 부동소숫점형 등 여러가지가 있고 또한 미리 선언(ex: int)해야 예기치 못한 에러를 피해갈 수 있습니다. 하지만 자바스크립트는 동적인 자료형(DataType)의 성질을 갖습니다. 다른말로 하면 같은 변수가 값에 따라 각각 다른 자료형으로 자동적으로 인식된다는 말입니다. var x; //자료형: undifined var x = 5; //자료형: 숫자형 var x = "Gold"; //자료형: 문자형 1.문자형(string)은 앞선 강좌에서 봤..

[강좌 006] 자바스크립트 문자열 01

자바스크립트/Learn · 2014.12.08 18:12

[강좌 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 ; //결과 :..

[강좌 005] 자바스크립트 기본 문법 2

자바스크립트/Learn · 2014.12.02 20:38

[강좌 005] 자바스크립트 기본 문법 2

1.HTML도 그렇지만 자바스크립트도 코드가 쓰여진 순서대로 실행됩니다. ① var test = 10;② var exam = test + 20;☞ 먼저 test라는 변수에 10을 저장하는 것을 실행하고 이후에 exam 변수에 test+20을 계산해서 저장함. ①과 ②의 순서를 바꾸면 예상치 못한 결과가 나올 수 있음. 2.세미콜론(;)은 자바스크립트의 문장을 구분해주는 역할을 합니다. 때에 따라 세미콜론을 생략할 수도 있지만 세미콜론을 항상 붙이는 버릇을 갖는 것이 좋습니다. 또한 세미콜론으로 구분하면 한 줄에 여러 문장을 쓸 수도 있습니다. abc = 10;bcd = 20;cde = 30; abc = 10; bcd = 20; cde = 30; 3.자바스크립트는 코드 사이에 있는 추가적인 공백들을 무시합..

[강좌 004] 자바스크립트 기본 문법 1

자바스크립트/Learn · 2014.12.01 23:58

[강좌 004] 자바스크립트 기본 문법 1

1. 자바스크립트 문장은 ;(세미콜론)으로 구분된다. 문장이 끝나는 지점에 세미콜론을 찍어준다. var test="Good Morning";document.getElementById("test").innerHTML=test; 2. 문자열(String)은 "(쌍따옴표) 또는 '(단따옴표)를 붙여서 사용한다. "Hello"'Hello' 3. 변수는 값(value)를 저장하는데 사용한다. 자바스크립트에서 변수는 var 키워드를 사용한다. 자바스크립트에서 = 표시는 변수에 값을 할당한다는 뜻이지 같다는 등호표시가 아니다. var test;test = 10; [test라는 변수에 10이라는 값을 저장(할당)한다는 뜻이다] 4. 자바스크립트에서 주석은 // 를 사용하며 // 뒤에 있는 모든 것은 실행되지 않는다. ..

[강좌 003] 자바스크립트는 어디에 위치해야 하는가 ?

자바스크립트/Learn · 2014.11.29 22:57

[강좌 003] 자바스크립트는 어디에 위치해야 하는가 ?

자바스크립트는 어느 부분에 위치해야 할까요? 1.자바스크립트는 HTML페이지의 나 안에 넣을 수 있습니다.2.자바스크립트는 외부파일로도 사용할 수 있습니다. 여러 웹페이지에서 동일한 자바스크립트를 사용하는 경우에는 외부파일로 만들어서 참조할 수 있습니다.3.자바스크립트 코드는 태그 안에 있어야 합니다. 예전에는 Jquery 최신버전 Jquery-UI CDN Jquery UI