'자바스크립트' 태그의 글 목록 9개

[강좌 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 함수이름 (매개변수들) { 실행될 코드들; } 함수가 호출된다는 말은 보통 "이벤트가 발생할때 (예;마우스클릭 등)" 또는 또는 "다른 자바스크립트 함수나 코드가 함수를 실행시킬때", 또는 "..

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

자바스크립트/Learn · 2014. 12. 8. 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. 2. 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. 1. 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페이지의 Head부분 Body부분 Example Example w3school에서 많이 인용하였습니다. 즐거운 하루 Vanxy..

[강좌 002] 자바스크립트로 할 수 있는 것은 뭘까요?

자바스크립트/Learn · 2014. 11. 28. 19:07

[강좌 002] 자바스크립트로 할 수 있는 것은 뭘까요?

자바스크립트는 DOM(HTML 요소들에 접근하기 위한 기준 모델)을 사용함으로써 HTML을 변화시키고 제어할 수 있습니다. 즉 HTML의 내용, 속성, Style, 기타등등 것들을 직접적으로 변경시키거나 조절 가능하다는 말입니다. 내용을 바꾸는 예시 document.getElementById("test").innerHTML = "요것은 테스트 입니다."; 위의 예제는 document.getElementById()를 이용해서 "test"라는 id를 찾아서 텍스트를 바꾸는 내용입니다. 스타일을 바꾸는 예시 document.getElementById("test").style.fontSize = "30px"; 태그 id중에 "test"를 찾아서 폰트크기를 30px로 바꾸라는 내용입니다. ★ 자바스크립트는 대소문..

[강좌 001] 왜 자바스크립트를 배워야 하지?

자바스크립트/Learn · 2014. 11. 28. 00:11

[강좌 001] 왜 자바스크립트를 배워야 하지?

자바스크립트는 웹 페이지의 프로그래밍 언어입니다. 최근의 거의 모든 웹페이지에서 자바스크립트가 사용되고 있습니다. 자바스크립트는 다른 언어에 비해 배우기가 비교적 쉬운 언어입니다. 왜 자바스크립트를 배워야 하는가? 자바스크립트는 웹개발자가 반드시 배워야하는 3가지 언어중 하나이기 때문입니다. HTML : 웹 페이지 내용(Content)를 정의 해주는 언어 CSS : 웹 페이지의 레이아웃을 지정 해주는 언어 JAVASCRIPT : 웹 페이지의 움직임을 제어 해주는 언어 자바스크립트 코드를 한번 보시고 실행해보는 것으로 오늘은 이만~~ 오늘날짜 출력하기 나를 클릭하면 날짜와 시간이 나옵니다. 오늘날짜 출력하기 나를 클릭하면 날짜와 시간이 나옵니다. 즐거운 하루 되세요 Vanxy

Html CSS JavaScript를 테스트 해보는 사이트

IT/사이트 · 2012. 9. 13. 17:50

Html CSS JavaScript를 테스트 해보는 사이트

블로그나 웹사이트를 꾸밀때 Html 코드를 즉시 확인해보고 싶을때가 많다. 그렇다고 현재 꾸미고 있는 웹사이트나 블로그에 그 코드를 적용하기에는 너무 귀찮고 번거로울때가 많다. 이번에 소개하는 사이트는 Html이나 CSS 자바스크립트등을 붙여넣는 즉시 Output화면에서 확인해 볼 수 있다. 또한 jQuery등의 라이브러리도 즉시 확인 가능하다. 아무튼 여러모로 유용한 사이트 인 것 같다. 사이트 이름은 JSbin 이다. JSbin 바로가기 아래에 표시해놓은 것을 바꿔보면 금방 알 수 있습니다.