javascript24 [ 자바스크립트 프로그래밍 ] 자바스크립트 타이머 setTimeout 자바스크립트에는 타이머 함수가 내장되어 있습니다. 타이머 함수란 지정한 시간에 지정한 함수를 실행하게 하는 함수 입니다. ■ 타이머 설정하기 ( setTimeout ) 12345 setTimeout(function(){ alert('페이지 로딩 완료 후 3초가 지났습니다.'); }, 3000);cs setTimeout 함수 내부에 function(){ ... } 과 3000 이라는 파라미터 값이 들어 왔습니다. function 내부는 실행할 함수를 정의 합니다. 두번째 3000 이라는 값은 3000 밀리세컨드 후 function 함수에서 정의한 동작을 실행 시킨다는 의미 입니다. 3000 밀리세컨드, 쉽게 이야기 해서 3초 후에 동작 시킵니다. 위 코드를 적용 후 페이지를 로드 하게 되면 페이지 로딩 완.. 2018. 8. 1. [ 자바스크립트 프로그래밍 ] 텍스트 잘라내기 및 붙여넣기 (cut and paste) 자바스크립트를 이용하여 텍스트 잘라내는 방법에 대해 알아 보겠습니다. 일전에 텍스트 복사하기관련 내용을 포스팅 한적이 있는데요. 크게 다르지 않습니다. 자바스크립트의 execCommand() 함수에 인자 값으로 'copy' 를 입력하여 선택한 값을 "복사하기" 기능을 적용 시켰던것과 같은 방법으로 이번에는 인자 값을 'cut' 을 입력하여 "잘라내기" 기능을 적용 시키면 됩니다. 위와 같이 문구 잘라내기 기능을 처리 하는 간단한 코드를 작성해 보겠습니다. ▶ HTML Code . 1234567 문구 잘라내기 ※ 아래 input 필드에 붙여넣기 (Ctrl + v) 해보세요 Colored by Color Scriptercs ▶ javascript Code 12345var cutText = function().. 2018. 7. 26. [ 자바스크립트 프로그래밍 ] 텍스트를 클립보드에 복사(copy)하기 안녕하세요. 제임스 입니다. 웹에서 특정 문구를 복사 하거 버튼 하나 클릭으로 링크를 복사하는 방법을 알아 보겠습니다. ■ 텍스트를 클립보드에 복사(copy)하기위와 같이 input 의 value 값을 복사후 ctrl + v (붙여넣기) 또는 마우스 우클릭 후 붙여넣기 하는 방법에 대해 정리 해보겠습니다. ▶ HTML code 12345문구 복사하기※ 아래 input 필드에 붙여넣기 (Ctrl + v) 해보세요Colored by Color Scriptercs id 값이 inputField 인 input 태그의 입력 값을 버튼을 클릭하여 클립보드에 복사 하고자 합니다. 그리고 아래 input 태그에 붙여 넣기를 해보는 방식으로 처리 하겠습니다. ▶ Javascript Code 12345var copyTex.. 2018. 7. 25. [ javascript 코딩 ] 자바 스크립트 - 데이터 유형 Data Types (데이터 유형) 최신 자바스크립트 표준(ECMAScript 2015)에서는 7가지 데이터 유형을 정의하고 있습니다. ■ primitive data type: 객체가 아니며 함수를 제공하지 않는 데이터 유형Boolean: true or falsenull: null 값을 표현하는 특수 키워드. 자바스크립트는 대소문자 구분을 하기 때문에 Null, NULL 등과 다른 값undefined: 값이 정의 되지 않았음을 의미하는 최상위 속성Number: integer (1, 2, 3 등의 정수) 또는 floating-point (3.1415 등의 부동소수점) 등의 숫자 String: 텍스트 값을 나타내는 일련의 문자 Symbol: (ECMAScript 2015 에 처음 등장) 인스턴스가 고유하고 .. 2018. 5. 31. [ javascript 코딩 ] Variable scope 안녕하세요. 제임스 입니다. 앞서 변수 선언에 대해 포스팅을 했는데요. 일반적으로 variable scope 라고 부르는 변수 영역이라는 것이 있습니다. 변수 영역이라 부르니 어렵죠? 변수가 선언되어 사용될 수 있는 영역이라고 생각 하시면 됩니다. 일반적으로 변수는 Global Variable 과 Local Variable 두가지 종류로 분류되고 있습니다. ▶ 함수 (function) 외부에서 선언되면 Global Variable ▶ 함수 내부에서 선언되면 해당 함수 내에서만 사용 되므로 Local Variable 123456789101112 var a = 3; function localVariableFunction(){ var b = 5; } console.log(a); console.log(b); c.. 2018. 5. 23. [ javascript 코딩 ] 자바스크립트 재미있게 배우는 사이트 자바스크립트를 재미있게 공부 할 수 있는 방법이 있어 포스팅 합니다. https://www.javascript.com/ 위 링크로 접속 시 메인 화면에서 Try JavaScript 라른 문구가 보이면서 따라하기를 요구 합니다. 여기서 하라는 데로만 따라하면 재미있게 자바스크립트를 배울 수 있습니다. 첫 화면에 "사용자 이름"; 과 같이 입력후 키보드의 엔터키를 치라고 합니다. step 별로 코드를 따라 쳐보면서 따라가기를 하면 됩니다. alert 을 호출 하는 방법등도 배웁니다. 짧은 try 모드 후 Keep Learing 을 클릭 하면 아래와 같은 공부 할 수 있는 목차가 나옵니다. 동영상을 시청도하며 공부를 할 수 있습니다. 동영상 시청이 끝나면 게임을 하듯이 문제를 풀어 나가는 구조 입니다. 처음 .. 2018. 5. 21. 이전 1 2 3 4 다음 반응형
