자바스크립트
-
[HTML5] 벤더 프리픽스 제거 메서드 removePrefix() Method프로그래밍/HTML5 Web 2016. 7. 10. 16:05
현재 HTML5의 표준은 계속 제정중인데요. 확정된 기능이 아닐경우에는 벤더 프리픽스를 사용하여 범용성을 높여줍니다. 하지만 벤더 프리픽스가 바뀌었을 경우에를 대비해서 보완하는 코드를 작성합니다. removePrefix() 함수는 벤더 프리픽스를 제거합니다. 12345678910111213141516171819202122232425262728 removePrefix() //Set Variable var prefixes = ['webkit', 'ms', 'moz', 'o']; //Upper Function var capitalize = function (name) { return name.substr(0, 1).toUpperCase() + nmae.substr(1); }; //Remove Prefix fu..
-
[JavaScript] 07. 함수 표현식프로그래밍/JavaScript 2014. 5. 28. 16:20
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 이 장에서 다루는 내용 - 함수 표현식의 특징 - 함수와 재귀- 클로저를 이용한 고유 변수* 함수 표현식은 자바스크립트에서 가장 강력하면서도 혼란스러운 부분중 하나인데 5장에서 설명하였듯이 함수를 정의하는 방법은 함수 선언과 함수 표현식 두가지이다. 첫 번째 방법인 함수 선언은 function 키워드 다음에 함수 이름을 쓰는 형태이다. 두 번째 방법으로는 함수 표현식을 사용하는 방법인데 함수 표현식 패턴은 일반적인 변수 할당과 거의 비슷하다. 7.1 재귀 - 재귀함수는 일반적으로 함수가 자기 자신을 이름으로 호출하는 형태로 이루어져 있다...
-
[JavaScript] 05-2. 참조타입프로그래밍/JavaScript 2014. 5. 27. 22:44
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 단원간 파트가 길어짐에 따라 단원을 분리하여 정리할 생각입니다. 5.3 Date 타입 - ECMAScript의 Date 타입은 자바 초기 버전의 java.util.Date에 기반한다.- Date 타입은 날짜와 시간을 저장할 때 1970년 1월 1일 자정부터 몇 밀리초가 지났는지 나타내는 숫자를 사용- 이런 형식을 사용하므로 Date 타입은 1970년 1월 1일 자정으로부터 285,616년 전후의 날짜를 정확히 표현할 수 있다.- 날짜 객체를 생성할 때는 new 연산자 다음에 Date 생성자를 사용- ECMAScript 5에서는 Date..
-
[JavaScript] 05-1. 참조타입프로그래밍/JavaScript 2014. 5. 27. 05:58
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 단원간 파트가 길어짐에 따라 단원을 분리하여 정리할 생각입니다. 이 장에서 다루는 내용- 객체로 작업하기 - 배열 생성하고 조작하기- 자바스크립트의 데이터 타입 이해- 원시 데이터 및 원시 래퍼로 작업하기 - 참조 값(객체)란 특정 '참조 타입'의 인스턴스- ECMAScript에서 참조 타입은 데이터 기능을 그룹으로 묶는 구조- 참조 타입은 객체가 가져야 할 프로퍼티와 매서드를 정의한다는 점 때문에 '객체 정의' 라고도 불린다.- 객체를 생성할 때는 new 연산자 뒤에 '생성자'를 사용 (생성자는 객체를 생성하는 함수) 5.1 Obje..
-
[JavaScript] 06-1. 객체 지향 프로그래밍 - 객체에 대한 이해프로그래밍/JavaScript 2014. 4. 9. 18:47
(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. * 자바스크립트 제대로 배우기 스터디 그룹의 커리큘럼에 따라 6장을 먼저 정리합니다. 또한 단원간 파트가 길어짐에 따라 단원의 한파트별로 정리할 생각입니다. 이 장에서 다루는 내용 - 객체 프로퍼티의 이해 - 객체의 이해와 생성- 상속의 이해 - 객체지향(Object-oriented : OO) 언어는 일반적으로 클래스를 통해 같은 프로퍼티와 메서드를 가지는 객체를 여러 개 만든다는 특징이 있다.- ECMAScript에는 클래스라는 개념이 없으며 이에 따라 ECMAScript의 객체는 다른 클래스 기반 언어와 다르다.- ECMAScript는..
-
[JavaScript] 03. 언어의 기초프로그래밍/JavaScript 2014. 3. 24. 03:08
>(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 3.1 문법- ECMAScript의 문법은 대부분 C언어, 자바, 펄등 C와 비슷한 언어에서 차용한 것이므로 다른 프로그래밍 언어에 익숙한 개발자는 ECMAScript이 느슨한 문법이 매우 쉽게 느껴질것이다. 3.1.1 대소문자 구분 - 변수, 함수 이름, 연산자 모두 대소문자 구분 (ex. test와 Test는 다른 변수, typeof은 함수 이름에 사용할수 없지만 typeOf는 사용가능한 함수 이름) 3.1.2 식별자 - '식별자'란 변수, 함수, 프로퍼티, 함수 매개변수의 이름. 식별자는 다음 형식에 따라 한 개 이상의 문자로 표기...
-
[JavaScript] 00. 개요프로그래밍/JavaScript 2014. 3. 21. 22:38
>(2013 인사이트, 한선용 옮김) 의 책을 요약한 내용으로 자바스크립트 제대로 배우기 스터디 그룹(페이스북) 의 글입니다. 자바스크립트에 대해서 관심을 가진것은 꽤 오래전부터였다. 처음에는 웹이라는 특정한 열린 공간에 대한 동경으로 웹 프로그래밍에 관심을 가졌던 초기부터 (처음에는 HTML5나 CSS3를 공부했었다) 공부를 하면서 느낀점은 동적으로 웹페이지를 구성하려면 자바스크립트 그리고 이후에는 PHP나 JSP, ASP와 같은 서버측 언어를 공부를 해야한다는 점이었다. 다른 프로그래밍 언어 공부와 다른 공부를 핑계로 차일피일 미루던 도중 생활코딩 페이스북 페이지 에서 스터디그룹을 모집하는것을 보게되었다. 보는 순간 이제 지체하지 말아야겠다는 생각에 페이지 가..