■ Front-End ■/JavaScript47

• 

  [JavaScript] 프로 자바스크립트 테크닉 (10장 ~ 14장) - 4/4 개요 jQuery를 만든 존 레식이 집필한 "Pro JavaScript Techniques"의 번역한 서적이다. JavaScript가 같고 있는 특성을 기준으로 객체지향적인 요소에 대해서 잘 설명하고 있다. jQuery의 기본적인 기술을 확인해 볼 수 있다. 책 소개 자바스크립트를 한동안 다뤘던 개발자라면 아는 기본적인 문법이나 문장 구조 같은 기본적인 사항들을 배제하고, 곧바로 자바스크립트에서의 객체지향이라는 개념과 테스트를 위한 도구, 배포와 브라우저 지원에 대한 주의사항 등 현대적인 자바스크립트 개발에 필요한 기술들을 실용적인 예와 소스코드를 통해 설명한다. 자바스크립트로 개발해 본 사람이라면 누구나, 어떻게 해야 더 깔끔하고 사용하기 쉬운 코드를 작성할 수 있을지, 객체지향 언어답게 자바스크립트를.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 프로 자바스크립트 테크닉 (7장 ~ 9장) - 3/4 개요 jQuery를 만든 존 레식이 집필한 "Pro JavaScript Techniques"의 번역한 서적이다. JavaScript가 같고 있는 특성을 기준으로 객체지향적인 요소에 대해서 잘 설명하고 있다. jQuery의 기본적인 기술을 확인해 볼 수 있다. 책 소개 자바스크립트를 한동안 다뤘던 개발자라면 아는 기본적인 문법이나 문장 구조 같은 기본적인 사항들을 배제하고, 곧바로 자바스크립트에서의 객체지향이라는 개념과 테스트를 위한 도구, 배포와 브라우저 지원에 대한 주의사항 등 현대적인 자바스크립트 개발에 필요한 기술들을 실용적인 예와 소스코드를 통해 설명한다. 자바스크립트로 개발해 본 사람이라면 누구나, 어떻게 해야 더 깔끔하고 사용하기 쉬운 코드를 작성할 수 있을지, 객체지향 언어답게 자바스크립트를.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 프로 자바스크립트 테크닉 (5장 ~ 6장) - 2/4 개요 jQuery를 만든 존 레식이 집필한 "Pro JavaScript Techniques"의 번역한 서적이다. JavaScript가 같고 있는 특성을 기준으로 객체지향적인 요소에 대해서 잘 설명하고 있다. jQuery의 기본적인 기술을 확인해 볼 수 있다. 책 소개 자바스크립트를 한동안 다뤘던 개발자라면 아는 기본적인 문법이나 문장 구조 같은 기본적인 사항들을 배제하고, 곧바로 자바스크립트에서의 객체지향이라는 개념과 테스트를 위한 도구, 배포와 브라우저 지원에 대한 주의사항 등 현대적인 자바스크립트 개발에 필요한 기술들을 실용적인 예와 소스코드를 통해 설명한다. 자바스크립트로 개발해 본 사람이라면 누구나, 어떻게 해야 더 깔끔하고 사용하기 쉬운 코드를 작성할 수 있을지, 객체지향 언어답게 자바스크립트를.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [JavaScript] 프로 자바스크립트 테크닉 (1장 ~ 4장) - 1/4 개요 jQuery를 만든 존 레식이 집필한 "Pro JavaScript Techniques"의 번역한 서적이다. JavaScript가 같고 있는 특성을 기준으로 객체지향적인 요소에 대해서 잘 설명하고 있다. jQuery의 기본적인 기술을 확인해 볼 수 있다. 책 소개 자바스크립트를 한동안 다뤘던 개발자라면 아는 기본적인 문법이나 문장 구조 같은 기본적인 사항들을 배제하고, 곧바로 자바스크립트에서의 객체지향이라는 개념과 테스트를 위한 도구, 배포와 브라우저 지원에 대한 주의사항 등 현대적인 자바스크립트 개발에 필요한 기술들을 실용적인 예와 소스코드를 통해 설명한다. 자바스크립트로 개발해 본 사람이라면 누구나, 어떻게 해야 더 깔끔하고 사용하기 쉬운 코드를 작성할 수 있을지, 객체지향 언어답게 자바스크립트를.. ■ Front-End ■/JavaScript 2023. 3. 2.

• 

  [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.