[JS]Unix TimeStamp to DATE Time

[JS]Unix TimeStamp to DATE Time 그냥  공부용도로 만든것이다.  더 좋은 함수들이 많다… Time Stamp 타임 스템프는 date = new Date()에서 .getTime()메소드를 사용하여 가져왔다. 초(sec) 초는 .getTime()으로 가져온 (1/1000)초를 1초로 바꾸기 위해 .getTime() * 1000으로 계산 하였다. 분(min) 초를 기반으로 sec / 60을 하여 분을 구하고, 나머지를 sec 변수에 다시 넣어 주었다. 시(hour) 이 역시 분을 기반으로 min / 60으로 시를 …

AJAX를 통해 보는 동기 방식과 비동기 방식의 이해

AJAX를 통해 보는 동기 방식과 비동기 방식의 이해 이전 글 에선 비동기 방식에 대한 자세한 설명을 하지 않았다. 이해가 힘들기도 하고 단지 AJAX가 어떻게 동작하는 지에 대한 간단한 개념 만을 설명 했기 때문이다. 이번 글에선 비동기 방식에 대해서 좀 더 자세히 알아보자.  AJXA예제 설명 이해를 쉽게 하기 위해 w3schoos.com에 있는 AJAX 예제를 사용하겠다. 이 예제에 …

쉽게 이해 하는 AJAX (비동기 자바스크립트)

AJAX (Asynchronous JavaScript And XML) AJAX는 비동기 자바스크립트 XML이라는 건데, 이게 이해하기가 참 애매했다.  일단 기본적인 AJAX코드를 가지고 어떤 역할을 하는지 알아보자. 아직 JS에 익숙하지 않으며, JS는 필요할 때만 공부 하다 보니 잘못 설명 된 부분이 있을 수 있습니다. 이점을 유의 바랍니다. Basic AJAX Code 도메인 :  “http://localhost/” AJAX 실행 위치: “/ajax-test/index.php” <?php echo $_GET[‘TXT’]; …

JavaScript_05_fin

콜백 처리의 위임 함수가 값으로 사용될 수 있는 특성을 이용하면 함수의 인자로 함수를 전달할 수 있다. 값으로 전달된 함수는 호출 될 수 있기 때문에 이를 이용하면 동작을 완전히 바꿀 수 있다. 예시) 객체에 속한 메소드(함수)를 이용해 이해해보자. var numbers = [20, 10, 9,8,7,6,5,4,3,2,1];   alert (numbers.sort()); // [1, 10, 2, 20, 3, 4, 5, 6, 7, 8, 9]   결과를 보면 3보다 10이 먼저 나오는 등의 이상한 결과를 볼 수 있다. 이건 내장 …

JavaScript_04

객체 객체란, 데이터가 추가되면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 이 인덱스를 이용한 데이터를 가져오게 되는 것이 객체이다. 생성 방법 객체의 선언 var object = {‘one’: 1, ‘two’:2, ‘three’: ‘3’} // Object {one: 1, two: 2, three: “3”}   객체의 호출 var object = {‘one’: 1, ‘two’:2, ‘three’: ‘3’}  // 객체 선언 for(key in object){   document.write(key + ” “+ object +”</br>”)   }   /* one [object Object] two [object Object] three [object Object] */   객체와 함수 객체는 배열과는 달리 객체 안에 함수를 넣을 …

JavaScript_03

  조건문과 반복문 조건문 비교 연산자 등을 사용해서 True와 False 값을 이용, 조건문의 코드가 실행 여부를 결정 할 수 있다. var i = 5;   if ( i == 1){   document.write(“i is 1”);   }   else if ( i == 5){   document.write(“i is 5”);   }   else {   document.write(“i isn’t 1 and 5”);   }   // i is 5 반복문 반복문 또한 비교 연산자 등을 사용해서 True와 False 값을 이용, 반복문의 코드가 실행 여부를 결정 할 수 있으며, False 값이 나올 때까지 코드를 …

JavaScript_02

여러가지 연산자 연산자 +, -, *, /를 사용하여 기본적인 사칙 연산을 수행 할 수 있다. Console를 이용한 예제 1+1 // 2   1-1 // 0   2*3  // 6   3/4  // 0.75     ==, ===, >, <, >=, <=등의 비교 연산을 통하여 true 혹은 false의 값을 얻어 낼 수 있다. 1==1  // true   1>=2  // false   1<3 // true     “ === “은 “ …

JavaScript_01

오리엔테이션   JavaScript란? Java와 JavaScript의 차이는 햄과 햄스터의 차이 자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있다. JavaScript의 프로그래밍 툴은 어떤 것이 있을까? 텍스트(txt)파일로 작성한 뒤 확장자를 html로 …