자바스크립트19

• 

  [JavaScript] 자바스크립트 핵심 가이드 (8장 ~ 10장) - 3/3 개요 자바스크립트의 마스터라고 불리는 더그라스 크락포드가 집필한 서적이다. 자바스크립트 언어에 대해서 제대로 공부를 하려고 하면 이 책은 한번 정도 읽어두어야 한다. 책 소개 자바스크립트를 우수한 객체지향 언어로 만들 수 있는 장점을 담았다. 장점인 함수, 느슨한 변수 타입 검사, 동적 객체, 객체 리터럴 표현식 등과 대표적인 단점인 전역변수에 근거한 프로그래밍 모델 등을 피하는 방법을 다룬다. 장단점을 비교해 자바스크립트 언어의 단점은 피하고 장점은 살리는 코드 작성을 익힐 수 있다. 저자 더글라스 크락포드 (Douglas Crockford) 2008년 야후! 에서! 선임 자바스크립트 아키텍트로 일한다. JOSN(JavaScript Object Notation) 형식을 창안한 사람으로 잘 알려졌으며 콘.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 자바스크립트 핵심 가이드 (5장 ~ 7장) - 2/3 개요 자바스크립트의 마스터라고 불리는 더그라스 크락포드가 집필한 서적이다. 자바스크립트 언어에 대해서 제대로 공부를 하려고 하면 이 책은 한번 정도 읽어두어야 한다. 책 소개 자바스크립트를 우수한 객체지향 언어로 만들 수 있는 장점을 담았다. 장점인 함수, 느슨한 변수 타입 검사, 동적 객체, 객체 리터럴 표현식 등과 대표적인 단점인 전역변수에 근거한 프로그래밍 모델 등을 피하는 방법을 다룬다. 장단점을 비교해 자바스크립트 언어의 단점은 피하고 장점은 살리는 코드 작성을 익힐 수 있다. 저자 더글라스 크락포드 (Douglas Crockford) 2008년 야후! 에서! 선임 자바스크립트 아키텍트로 일한다. JOSN(JavaScript Object Notation) 형식을 창안한 사람으로 잘 알려졌으며 콘.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 자바스크립트 핵심 가이드 (1장 ~ 4장) - 1/3 개요 자바스크립트의 마스터라고 불리는 더그라스 크락포드가 집필한 서적이다. 자바스크립트 언어에 대해서 제대로 공부를 하려고 하면 이 책은 한번 정도 읽어두어야 한다. 책 소개 자바스크립트를 우수한 객체지향 언어로 만들 수 있는 장점을 담았다. 장점인 함수, 느슨한 변수 타입 검사, 동적 객체, 객체 리터럴 표현식 등과 대표적인 단점인 전역변수에 근거한 프로그래밍 모델 등을 피하는 방법을 다룬다. 장단점을 비교해 자바스크립트 언어의 단점은 피하고 장점은 살리는 코드 작성을 익힐 수 있다. 저자 더글라스 크락포드 (Douglas Crockford) 2008년 야후! 에서! 선임 자바스크립트 아키텍트로 일한다. JOSN(JavaScript Object Notation) 형식을 창안한 사람으로 잘 알려졌으며 콘.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 자바스크립트 for 웹 2.0 - 3부 객체 (9장 ~ 14장) 개요 "자바스크립트 for 웹 2.0"을 학습하며 기억해 둘 만한 항목을 정리해 보았다. 이 책은 자바스크립트에 대하여 기본적인 기술을 소개하고 있고 이 책은 EMCA-262와 JavaScript 1.5/1.6을 기초로 하고 있다.​ 저자 셸리 파워즈(Shelley Powers) 소프트웨어 개발자, 사진작가이면서 오라일리에서 여러 권의 책(『Developing ASP Components』,『Unix Power Tools, Third Edition』, 『Essential Blogging』, 『Practical RDF』)을 집필한 작가이다. 1996년 자바스크립트에 관한 첫 저서를 썼고 이듬해인 1997년에 Dynamic HTML(DHTML)에 관한 책을 집필하였다. 또한 크로스 브라우저 개발, 자바스크립트.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 자바스크립트 for 웹 2.0 - 2부 핵심 (4장 ~ 8장) 개요 "자바스크립트 for 웹 2.0"을 학습하며 기억해 둘 만한 항목을 정리해 보았다. 이 책은 자바스크립트에 대하여 기본적인 기술을 소개하고 있고 이 책은 EMCA-262와 JavaScript 1.5/1.6을 기초로 하고 있다.​ 저자 셸리 파워즈(Shelley Powers) 소프트웨어 개발자, 사진작가이면서 오라일리에서 여러 권의 책(『Developing ASP Components』,『Unix Power Tools, Third Edition』, 『Essential Blogging』, 『Practical RDF』)을 집필한 작가이다. 1996년 자바스크립트에 관한 첫 저서를 썼고 이듬해인 1997년에 Dynamic HTML(DHTML)에 관한 책을 집필하였다. 또한 크로스 브라우저 개발, 자바스크립트.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 자바스크립트 for 웹 2.0 - 1부 기초 (1장 ~ 3장) 개요 "자바스크립트 for 웹 2.0"을 학습하며 기억해 둘 만한 항목을 정리해 보았다. 이 책은 자바스크립트에 대하여 기본적인 기술을 소개하고 있고 이 책은 EMCA-262와 JavaScript 1.5/1.6을 기초로 하고 있다.​ 저자 셸리 파워즈(Shelley Powers) 소프트웨어 개발자, 사진작가이면서 오라일리에서 여러 권의 책(『Developing ASP Components』,『Unix Power Tools, Third Edition』, 『Essential Blogging』, 『Practical RDF』)을 집필한 작가이다. 1996년 자바스크립트에 관한 첫 저서를 썼고 이듬해인 1997년에 Dynamic HTML(DHTML)에 관한 책을 집필하였다. 또한 크로스 브라우저 개발, 자바스크립트.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 학습정리 - 12.정규표현식과 RegExp 패턴을 형성하는 문자열 내에서 검색, 대체, 추출등을 할 때 사용하는 정규표현식에 대해서 알아보자. 정규표현식은 replace, match, search를 주로 사용하며 클라이언트 측에서 자바스크립트로 사용자 입력값을 검증할 때 사용하면 좋다. regexp.exec(string) exec 메서드는 정규 표현식을 사용하는 메서드들 중에서 느리지만 가장 강력하다. regexp.test(string) test 메서드는 정규 표현식을 사용하는 메서드들 중에서 가장 간단하고 빠르다. 특수문자 (+, *, |) * 는 0번 이상 반복을 의미한다. + 는 한번 이상 나옴을 의미한다. | 는 OR을 의미한다. - 는 범위 지정 메타문자를 의미한다. 앞뒤로 나오는 /(슬래쉬)는 시작과 종료를 의미하며 /(슬래쉬) 사이에.. ■ Front-End ■/JavaScript 2023. 3. 1.

• 

  [JavaScript] 학습정리 - 11.Math와 Date객체 이번에는 자바스크립트의 Math 객체와 Date 객체에 대해 간단히 알아보자. 그렇게 자주 사용하지 않는 객체라 사용하는 시점에 확인해도 문제없다. Math.pow() 멱승 console.log(Math.pow(2, 10)); >> 1024 console.log(Math.pow(3, 1/2)); >> 1.7320508075688772 Math.round() 정수에 가까운 숫자 console.log(Math.round(.7)); >> 1 Math.ceil() 정수에 가까운 수로 올림 console.log(Math.ceil(.7)); >> 1 Math.floor() 정수에 가까운 수로 내림 console.log(Math.floor(.7)); >> 0 Math.abs() 절댓값 console.log(Math... ■ Front-End ■/JavaScript 2023. 3. 1.

• 

  [JavaScript] 학습정리 - 10.String 객체 이번에는 자바스크립트에서 가장 많이 사용하는 String 객체를 알아보자. String 객체의 속성과 메서드에서 자주 사용하는 것을 하나씩 확인해 보자. string.length String 객체는 length 프로퍼티로 문자열의 길이를 알 수 있다. var msg = "Hello JavaScript"; console.log(msg.length); >> 16 string.prototype 프로토타입 속성은 String의 프로토타입 객체를 나타낸다. 이런 속성이 있다는 정도로 알아두자. string.charAt(pos) charAt 메서드는 문자열에서 지정된 pos 위치에 있는 문자를 반환한다. var name = 'JavaScript'; console.log(name.charAt(2)); >> v str.. ■ Front-End ■/JavaScript 2023. 3. 1.

• 

  [JavaScript] 학습정리 - 9.Number 객체 이번에는 Number 객체에 대하여 알아보자. Number 객체에서 사용하는 메서드에는 주로 값에 대한 변환하는 기능을 갖고 있다. toExponential: 소수점 이하의 숫자 개수로 지수표현 toPrecision: 표현하는 유효숫자 toFixed: 소수점 이하 자릿수만 남기고 반올림하여 표시 var value = new Number(123.456789); value.toExponential(3) // 1.235e+2 value.toPrecision(4) // 123.5 value.toFixed(3) // 123.457 number.toExponential(fractionDigits) toExponential 메소드는 숫자를 지수 형태의 문자열로 변환합니다. console.log(Math.PI.toEx.. ■ Front-End ■/JavaScript 2023. 3. 1.

• 

  [JavaScript] 학습정리 - 8.객체 이번에는 자바스크립트의 객체에 대해서 알아보자. 자바스크립트의 객체에는 내장 객체 (Built-in Object), BOM브라우저 객체 모델 객체, DOM(문서 객체 모델) 객체, 사용자 정의 객체, Number, String, Date, Math, RegExp... 와 같은 것들이 있다. 자바스크립트에서 기본 데이터 타입은 number, string, boolean, null, undefined가 있다. 이들을 제외한 다른 값, 배열, 함수 정규표현식 등은 모두 객체다. 그 모습과 작동방식은 여타 객체지향 언어와 다르며 자바스크립트 만의 잘 설계된 코드가 보편적으로 사용되기 시작되었다. 자바스크립트의 객체는 클래스가 필요 없고 이름과 값이 있는 속성들을 포함하는 컨테이너라고 할 수 있다. 자바스크립트에.. ■ Front-End ■/JavaScript 2023. 3. 1.

• 

  [JavaScript] 학습정리 - 7.조건문, 반복문 이번에는 자바스크립트의 조건문과 반복문과 같은 문장에 대해서 알아보자. 자바스크립트로 무언가 실행시키려면 문장을 사용해야 한다. 여러 문장(Statement)을 잘 사용해야 좋은 프로그래밍을 할 수 있다. 소스코드의 이해도를 높이기 위해 공백과 주석을 적절히 사용하는 것이 좋다. 공백과 줄넘김을 자바스크립트 압축기 JSMin, Packer를 사용하여 일부터 제거하기도 한다. 모든 자바스크립트 문장은 세미콜론을 사용하여 문장의 끝을 나타낸다. 한 줄의 문장에서 세미콜론이 없으면 자동으로 붙여주지만 사용자가 붙이는 것이 좋다. 자바스크립트에서 사용하는 문장은 다음과 같다. 하나씩 살펴보자. if/else switch case default while do/while for for/in break contin.. ■ Front-End ■/JavaScript 2023. 3. 1.