Kinesis´s Open Document

2014년 02월 14일 직장내 동료들에게 웹 통신 개념과 관련해 교육시 사용하기 위해 제작했던 PPT 화면.(이미지)혹여 참고하실 분이 있으면 살펴보셔도 됩니다. ※ PPT 파일은 별도로 다운받을 수 있도록 제공하진 않습니다.

원문 : http://edu.kinesis.kr/?p=124 여기까지의 진행으로 가볍게 자바스크립트에서 변수를 초기 값을 지정하는 방법으로 선언하는 것은 확인해 보았습니다. 그럼, 실질적으로 자바스크립트 내부에서 사용하는 자료형은 무엇들이 있을까요? 문자열 : String 숫자 : Number 배열 : Array 오브젝트 : Object 함수 : function 통상적으로 자바스크립트에서는 위와 같은 자료형을 사용하게 됩니다. 이제 앞서 작성했던 코드를 조금 변형하여 앞서 만든 변수들의 자료형을 확인 해 보도록 합시다.

보통 대개의 프로그래밍 언어는 변수를 선언함에 있어, 해당 변수가 가지는 자료형이 명확하게 구분이 되어 있습니다. Programming : Char, String, Int, Long, Double, Float, …… Database : char, varchar, int, text, varbinary …… 이런 식으로 자료형이 나누어지는 이유는 명확성을 높여 오류나 문제의 발생을 최소화시키기 위함입니다. 불편함이 있다면 변수의 사용에 있어서는 물론, 모든 함수 사용이나 반환 값에 있어서 각 자료형을 모두 올바르게 매칭을 시켜주어야만 한다는 것입니다. 반면, 자바스크립트는 다음과 같은 자료형 선언만이 있습니다. var 이 키워드 하나로 자바스크립트에서는 모든 변수를 정의하고 사용할 수 있습니다. 그렇다고 내..

원문 : http://edu.kinesis.kr/?p=47 자바스크립트는 프로그래밍이 가능한 스크립트 언어이며, 인터프리터 방식의 언어이지요. 프로그래밍 언어의 방식은 크게 2가지입니다. “컴파일”이 필요한 언어와 컴파일이 필요 없이 해석하면서 실행이 되는 “인터프리터”방식 이렇게 두 가지로 구분을 많이 합니다. 즉 자바스크립트는 컴파일러가 필요가 없다는 이야기입니다. 개발에 사용되는 각 언어들은 각각의 장단점을 가지고 있는데, 자바스크립트 역시 마찬가지입니다. 그러나 편의성으로 인식되던 부분이 조금 사용하다보면 불편함으로 바뀌는 부분이 상당히 보이게 됩니다. 저는 자바스크립트에 대한 학습내용을 정리하면서 이런 부분을 중요하게 포인트로 잡고 진행을 진행할 것입니다. 결과적으로 난이도가 낮게 잡아져 있는 ..

원문보기 : http://edu.kinesis.kr/?p=23 Web 이라는 환경이 시작되면서부터 발전해온 IT 기술들이 최근에는 기존의 흐름보다도 빠르게 Web 환경과 결합하는 양상이 보이면서 그와 동시에 새로운 기술이나 기능을 지원하기 위한 JavaScript 역시 발전하고 있는 양상을 보이고 있지요. 최근 많은 관심을 받는 HTML5 요소들조차도 추가된 기능을 제어하기 위해서는 자바스크립트가 필수적으로 사용되어야 합니다. 과거에서 최근까지 자바스크립트에 대한 인식은 “보잘 것 없는 스크립트 언어” 또는 “깊게 배울 필요가 없는 스크립트 언어” 라는 개념으로 받아들여졌습니다. 그러나 이제는 이 흐름이 바뀌고 있습니다. 자바스크립트를 이용한 데이터 통신의 하나인 Ajax는 이미 웹상에서 평범하게 사용되..

인터넷 중에 떠돌아 다니는 자바스크립트들 중에 썩 마음에 드는 코드들이 없어 개인적으로 다시 정리하고 있는 자바스크립트 함수 중 "문자열의 한글 문자 코드값 체크 함수"를 정리해 놓는다. // Hangul Compatiblity Jamo 0x3131 - 0x318E // Hangul Syllables 0xAC00 - 0xD7AF /* Boolean ::: String-Object.IsKorean () */ String.prototype.IsKorean = function () { var arg = arguments[0] === undefined ? this.toString() : arguments[0]; if (arg === undefined || arg === null) { throw "Property..

호환을 위해 사용되는 한글 코드표로 0x3131 부터 시작하여 0x318E 까지의 코드표이다. ㄱ 부터 ㅎ 및 ㅏ~ㅣ 까지 하여 사용되는 문자이며, 자바스크립트 등에서 사용되는 한글이 갖는 코드이기도 하다. 보다 자세한 내용은 http://www.unicode.org/charts/ 페이지를 참조하도록 한다.

인터넷 중에 떠돌아 다니는 자바스크립트들 중에 썩 마음에 드는 코드들이 없어 개인적으로 다시 정리하고 있는 자바스크립트 함수 중 "문자열이 아스키 코드값에 해당하는지 체크하는 함수"를 정리해 놓는다. /* Boolean ::: String-Object.IsASCII () */ String.prototype.IsASCII = function () { var arg = arguments[0] == undefined ? this.toString() : arguments[0]; if (arg == undefined || arg == null) { throw "Property or Arguments was Never Null."; } else { var _chk = true; if (typeof (arg) != ..

인터넷 중에 떠돌아 다니는 자바스크립트들 중에 썩 마음에 드는 코드들이 없어 개인적으로 다시 정리하고 있는 자바스크립트 함수 중 "문자열이 비었는지 체크하는 함수"를 정리해 놓는다. /* Boolean ::: String-Object.IsNullOrWhiteSpace () */ String.prototype.IsNullOrWhiteSpace = function () { var arg = arguments[0] === undefined ? this.toString() : arguments[0]; if (arg === undefined || arg === null) { return true; } else { var isWhiteSpace = /^\s*$/; if (typeof (arg) != "string"..

인터넷 중에 떠돌아 다니는 자바스크립트들 중에 썩 마음에 드는 코드들이 없어 개인적으로 다시 정리하고 있는 자바스크립트 함수 중 "문자열이 비었는지 체크하는 함수"를 정리해 놓는다. /* Boolean ::: String-Object.IsNullOrEmpty () */ String.prototype.IsNullOrEmpty = function () { var arg = arguments[0] === undefined ? this.toString() : arguments[0]; if (arg === undefined || arg === null || arg === "") { return true; } else { if (typeof (arg) != "string") { throw "Property or A..