WEB_TECH/javascript 썸네일형 리스트형 날짜 시간 관련 객체 Date 관련 메서드} date() 오늘날짜 } getFullYear() 올해 } getTime() 01.01.1970년 이래로 밀리세컨드 } setFullYear() 년월일을 강제로 입력 } toUTCString() Fri, 17 Aug 2012 12:21:14 GMT } getDay() 요일 1. 날짜 출력먼저 날짜를 찍어 볼까요? 실행하면Wed Oct 24 17:37:57 UTC+0900 2012 이처럼 표시됩니다. 2. 요일 표시하기이번에는 요일을 표시해 보도록 하겠습니다.getDay()메서드를 이용하여 요일을 뽑아낼 수 있습니다. Click the button to display todays day of the week.Try it 이렇게 하고 실행한 후 버튼을 클릭하면 Wednesday라고 해.. 더보기 자바스크립트 디버깅 오래전부터 alert() 함수를 이용하여 디버깅을 해 왔었는데 월씬 깔끔하게 디버깅 할 수 있습니다.요즘의 최신 브라우저에는 요소검사도구를 제공하는데 F12키를 누르면 실행할 수 있습니다.요즘의 브라우저들은 거의 표준화된 콘솔 출력 API를 제공하고 개발자들은 필요한 API들을 호출하여 디버깅용 메시지를 콘솔에 출력할 수 있습니다. console.log("로그 메시지");console.warn("경고 메시지");console.error("에러 메시지"); 더보기 String객체 String은 문자열 객체 입니다.자바스크립트에서 어찌보면 가장 중요하다고 할 수 있는 객체입니다.자주 사용되는 몇개의 메서드와 속성들은 잘 익혀두어야 합니다. length속성은 String의 문자열의 길이를 표시해 주는 속성입니다. 다음을 실행해 보겠습니다. 이렇게 하면 12가 출력됩니다. 자바스크립트 메서드로 스타일을 사용해 봅시다.이것은 스타일시트처럼 정교하진 않습니다. 다음은 볼드나 소문자 대문자 이탤릭등 기본적인 스타일을 사용하는 예제입니다. 아래와 같은 결과가 나옵니다. indexOf("해당문자열") 는 해당문자열이 나오는 인덱스를 반환해 주는 메서드입니다.아래의 예제를 실행시켜 보면 21이 나옵니다. 버튼클릭 실행 match("해당문자열") 메서드는 문자열에서 해당문자열이 있는지 확인해서 있.. 더보기 javascript 객체기반언어 자바스크립트는 객체 기반언어입니다.자신의 객체를 정의하고, 자신의 변수유형을 만들 수 있습니다.물론 고급 영역에 속하기 때문에 좀 더 공부가 필요합니다.나중에 더 많이 다루도록 하겠습니다. property는 오브젝트에 할당되는 값입니다. 예제 method는 오브젝트를 수행하는 액션입니다. 예제 더보기 Try...Catch 구문 try...catch 구문은 에러코드 블록을 테스트 할 수 있도록 해 줍니다. 자바스크립트의 에러 캐치인터넷에서 웹페이지를 브라우징할 때 경고창 뜨면서 런타임 에러가 있다면서 "Do you wish to debug?라고 묻는 경우를 봤을 것입니다.에러 메시지는 이처럼 개발자들에게는 유용하지만 사용자들이 에러를 발견하면 웹페이지를 떠나게 됩니다. 이처럼 자바스크립트 에러 메시지를 잡아내고 다루는 방법을 배워보겠습니다.고객을 잃지 말아야 하니까요. try...catch 구문 try...catch 구문은 에러코드 블록을 테스트 할 수 있도록 허용합니다.try블록은 실행되는 코드를 포함하고 catch블록은 에러가 발생하면 실행되는 코드가 포함되어 있습니다. 문법try{ { //Run some code here}.. 더보기 이벤트 자바스크립트를 이용해서 다이나믹한 웹페이지를 만들 수 있습니다.이벤트는 자바스크립트에 의해 감지되는 어떤 액션을 의미합니다. 모든 웹페이지의 엘리먼트들은 자바스크립트에 트리거 할 수 있는 이벤트를 가지고 있습니다.예를 들면 onclick이라는 이벤트를 버튼엘리먼트에 달고 유저가 버튼을 클릭하면 어떤 특정 함수를 가리키도록 만들 수 있습니다. 이벤트의 예를 들어 볼까요?버튼을 클릭하는것페이지의 로딩이 끝나는것이미지로딩이 끝나는 것마우스 커서가 엘리먼트위에 올라오는 것input field에 들어가는 것form을 submit하는 것키보드 자판을 입력하는 것... 등 다양한 이벤트와 함수를 조합하여 멋진 인터랙션을 만들어 낼 수 있습니다. HTML 이벤트 속성을 사용하기HTML엘리먼트 안에 이벤트 속성을 사용하.. 더보기 자바스크립트 함수 Function 자바스크립트 함수함수는 실행하라고 말하면 실행되는 코드들의 모음입니다.이벤트가 발생하거나 버튼을 클릭하거나 스크립트안에 호출하거나 또다른 함수에 호출하는 식으로만들수 있습니다. 함수 만드는 법 function{실행문} Argument가 있는 함수호출 함수를 호출할때 Argument 또는 parameter라고 하는 값을 사용해서 호출할 수 있습니다.이런 아규먼트들은 함수내에서 사용되죠.만드는법function myFunction(var1,var2){실행문} Click the button to call a function with arguments Try it 리턴값이 있는 함수때로는 함수가 호출이 이루어졌을 때 어떤 값을 반환하도록 만들수 있습니다.이때 유용하게 사용되는 것이 return문입니다.이런 식으로.. 더보기 pop up boxes 1. Alert Box경고창입니다. alert("sometext"); 예제 줄바꿈을 넣어보겠습니다.alert("Hello\nHow are you?");\n 을 넣으면 줄바꿈이 일어납니다. 2. Confirm Boxok, cancel 버튼을 클릭하면 true, flase값 반환confirm("sometext"); 예제 Click the button to display a confirm box. Try it 3. Prompt Boxok버튼 클릭하면 인풋값이 들어간 후에 진행되고, cancel 버튼 글릭하면 null값을 리턴합니다.prompt("sometext","defaultvalue"); 예제 Click the button to demonstrate the prompt box. Try it 더보기 반복문 종종 반복되는 코드의 같은 블록을 루프를 사용하여 스크립트를 작성할 수 있습니다.대표적인 반복문으로는 for문과 while문이 있습니다. For 문 : 특정 숫자의 차례동안 블록을 수행하는 반복문while문 : 특정조건이 참이 되는 동안 블록을 수행하는 반복문 for Loop for (variable=startvalue;variable 더보기 조건문 IF문입니다.조건을 나타낼 때 가장 많이 쓰이는 구문입니다.다음 예제를 실행해 보겠습니다. Click the button to get a time-based greeting. Try it 비슷한 조건이 계속될 때는 switch ~ case 구문을 사용하면 유용합니다.다음 예제를 실행해 보겠습니다. Click the button to display what day it is today. Try it 더보기 이전 1 2 다음
