웹 프로그래밍을 한 단계 더 발전시키고 HTML 및 CSS 레이아웃에서 본격적인 동적 페이지를 생성할 준비가 되셨습니까? 그렇다면 이제 "가장 인기 있는" 프로그래밍 언어인 JavaScript에 대해 알아볼 시간입니다!
이 책을 통해 변수부터 루프까지 JavaScript에 대한 모든 것을 배울 수 있습니다. 다양한 브라우저가 코드에 다르게 반응하는 이유와 모든 브라우저에서 지원되는 범용 코드를 작성하는 방법을 이해하게 됩니다. 페이지 정체나 JavaScript 코드의 데이터 전송 오류에 대해 걱정할 필요가 없는 이유를 알게 될 것입니다. 이전에 코드 한 줄도 작성해 본 적이 없더라도 놀라지 마세요. 자료를 제시하는 독특한 형식 덕분에 이 책은 간단한 스크립트 작성부터 복잡한 작성까지 전체 학습 경로를 따라 쉽게 안내할 것입니다. 모든 분야에서 작동하는 웹 프로젝트 최신 브라우저.
이 출판물의 특별한 특징은 프로그래밍에 관한 많은 지루한 책들과 차별화되는 O'Reilly의 "Head First" 시리즈를 차별화하는 독특한 자료 제시 방식입니다.
낯선 바다에서
자바스크립트를 처음 접한 사람
JavaScript는 환상적인 가능성을 열어줍니다. 주요 프로그래밍 언어인 JavaScript 월드 와이드 웹를 사용하면 웹페이지의 고급 동작을 정의할 수 있습니다. 화면 공간만 차지하는 건조하고 지루하며 정적인 페이지는 잊어버리세요. JavaScript를 사용하면
사용자와 상호 작용하고, 이벤트에 반응하고, 인터넷에서 데이터를 수신 및 사용하고, 그래픽을 표시하는 등 다양한 기능을 수행합니다. ~에 좋은 지식 JavaScript를 사용하면 페이지에 완전히 새로운 동작을 프로그래밍할 수도 있습니다.
그리고 당신의 지식이 요구될 것이기 때문에 안심하십시오. JavaScript는 이제 가장 인기 있는 프로그래밍 언어 중 하나일 뿐만 아니라 모든 최신(그리고 많은 비현대적) 브라우저에서도 지원됩니다. 또한 브라우저와 별도로 존재하는 JavaScript 구현이 내장되어 있습니다. 하지만 이야기는 충분합니다. 이제 사업을 시작할 시간입니다!
JavaScript 작동 방식 38
JavaScript 코드 작성 방법 39
40페이지에 JavaScript 코드를 포함하는 방법
자바스크립트, 끝났습니다. 먼 길, 자기야... 42
팀이 만들어지는 방법 46
변수와 값 47
키워드를 조심하세요! 48
표현에 주의하세요! 51
작업의 반복 실행 53
while 루프의 작동 방식 54
JavaScript 58의 의사결정
그리고 많은 결정을 내려야 한다면... 59
사용자가 페이지와 상호작용하도록 유도하세요. 61
console.log 자세히 살펴보기 63
콘솔 64를 여는 방법
우리는 JavaScript 65로 진지한 애플리케이션을 작성하고 있습니다.
페이지에 코드를 추가하는 방법은 무엇입니까? (계산 방법) 68
마크업 및 코드: 분기 경로 69
다음 단계
실제 코드
변수, 유형, 표현식 등이 무엇인지 이미 알고 있습니다. 당신은 이미 JavaScript에 대해 알고 있습니다. 더욱이, 누군가가 사용할 흥미로운 일을 수행하는 실제 프로그램 작성을 시작하기에 충분한 지식입니다. 코드 작성에 대한 실무 경험이 부족한 것은 사실입니다. 지금부터 이 문제를 해결해 보겠습니다. 어떻게? JavaScript로 완전히 구현된 간단한 게임을 작성해 보겠습니다. 과제는 규모가 크지만 차근차근 목표를 향해 나아가겠습니다. 이제 본론으로 돌아가서 갑자기 우리 개발을 프로젝트에 사용하고 싶다면 괜찮다고 생각하는 대로 코드를 관리하세요.
모두를 위한 기능
기능에 익숙해지기
이 장에서는 첫 번째 슈퍼 능력을 마스터하게 됩니다. 당신은 이미 프로그래밍에 대해 알고 있습니다. 이제 다음 단계로 나아가서 기능 작업을 마스터할 시간입니다. 함수를 사용하면 다양한 상황에서 재사용할 수 있는 코드를 작성할 수 있습니다. 유지 관리가 훨씬 쉬운 코드; 추상화하고 간단한 이름을 지정할 수 있는 코드를 사용하면 일상적인 세부 사항을 잊어버리고 정말 중요한 일을 계속할 수 있습니다. 함수는 프로그래머 기술의 문을 열어줄 뿐만 아니라 JavaScript 프로그래밍 스타일에서 중요한 역할을 한다는 것을 알게 될 것입니다. 이 장에서 우리는 기본적인 것, 즉 기능의 작동 방식과 기능에 대한 자세한 내용부터 시작한 다음 책의 나머지 부분을 기능 기술을 향상시키는 데 사용할 것입니다. 그럼 지금부터 기본부터 시작하겠습니다.
데이터를 순서대로 정리하기
JavaScript는 숫자, 문자열, 부울 이상의 기능을 사용할 수 있습니다. 지금까지 우리는 단순한 문자열, 숫자, 부울(예: "Fido", 23 및 true)과 같은 기본 형식만을 사용하여 작업했습니다. 기본 유형을 사용하여 많은 작업을 수행할 수 있지만 어느 시점에서는 장바구니에 있는 모든 항목, 재생 목록에 있는 모든 노래, 별 그룹과 크기 또는 전체 카탈로그를 나타내기 위해 확장된 데이터가 필요하게 됩니다. 제품의. 이러한 작업에는 더 심각한 자금이 필요합니다. 이러한 동종 데이터를 표현하는 일반적인 도구는 JavaScript 배열입니다. 이 장에서는 데이터를 배열에 넣고 전달하고 작업하는 방법을 배웁니다. 다음 장에서는 데이터를 구조화하는 다른 방법을 살펴보겠지만 배열부터 시작하겠습니다.
오브젝빌 여행
만나다: 물건
지금까지 우리는 프리미티브와 배열을 사용해왔습니다. 동시에 절차적 프로그래밍 방법론이 사용되었습니다. 간단한 명령, 조건, for/while 루프 및 함수. 이 접근 방식은 객체 지향 프로그래밍의 원칙과는 거리가 멀었습니다. 사실 이는 객체 지향 프로그래밍과 전혀 관련이 없습니다. 우리는 때때로 객체를 사용했지만(당신도 모르는 사이에) 아직 우리 자신의 객체를 작성하지 않았습니다. 이제 지루한 절차적 도시를 떠나 자신만의 객체를 만들기 시작할 시간입니다.
이 장에서는 적어도 프로그래밍과 관련하여 객체가 우리 삶을 크게 향상시키는 이유를 배우게 됩니다. 이것만 알아두세요. 일단 사물에 익숙해지면 다시 돌아가고 싶지 않을 것입니다. 아, 그리고 정착할 때 엽서 보내는 것도 잊지 마세요.
DOM 모델
웹페이지와의 상호작용
JavaScript 학습에 있어 상당한 진전을 이루셨습니다. 사실, 당신은 스크립트 프로그래밍 분야의 초보자에서 프로그래머로 변신했습니다. 그러나 뭔가 빠진 것이 있습니다. JavaScript 기술을 최대한 활용하려면 다음과 같은 웹 페이지와 상호 작용할 수 있어야 합니다.
귀하의 코드가 있습니다. 이 경우에만 사용자 작업에 응답하고 로드 후 업데이트되는 동적 페이지를 작성할 수 있습니다. 페이지와 상호작용하는 방법은 무엇입니까? 문서 객체 모델 DOM(Document Object Model)을 통해. 이번 장에서는 DOM과 일반 원칙페이지의 기능을 확장하기 위해 JavaScript에서 이 모델을 사용합니다.
심각한 유형
유형, 평등, 변환 및 그 모든 것
유형에 대해 진지하게 이야기 할 때입니다. JavaScript의 가장 큰 장점 중 하나는 초보자가 언어의 세부 사항을 깊이 파고들지 않고도 꽤 많은 것을 배울 수 있다는 것입니다. 하지만 실제로 언어를 마스터하고 직장에서 승진하고 실제로 할만한 가치가 있는 일을 하려면 타이핑을 잘해야 합니다. JavaScript에 대해 우리가 말한 것을 기억하십니까? 언어에는 동료 검토를 거친 학술적 정의가 없다는 것입니다. 예, 이것은 사실입니다. 그러나 학문적 배경의 부족이 스티브 잡스와 빌 게이츠를 막지는 못했습니다. JavaScript도 방해하지 않았습니다. 이는 JavaScript의 유형 시스템이... 음, 가장 정교하지도 않고 그 안에 많은 이상한 점이 있다고 가정해 보겠습니다. 하지만 걱정하지 마세요. 이 장에서 모든 내용을 자세히 설명하고 곧 안전하게 작업을 수행할 수 있게 될 것입니다.
유형을 사용하면 이러한 불쾌한 순간을 모두 우회할 수 있습니다.
애플리케이션 구축
함께
작업에 필요한 도구를 준비하세요. 예, 귀하의 툴킷은 새로운 프로그래밍 기술, DOM에 대한 지식, 심지어 HTML 및 CSS에 대한 지식입니다. 이번 장에서는 이 모든 것을 하나로 모아 첫 번째 완전한 웹 애플리케이션을 만들겠습니다. 한 줄에 배치되는 하나의 선박을 사용하는 매우 원시적 인 게임입니다. 이번 장에서 우리는 풀 버전: 넓은 경기장, 여러 선박, 웹 페이지에 직접 사용자 입력. HTML 마크업으로 게임 페이지의 구조를 만들고, CSS를 사용하여 시각적 스타일을 적용하고, 게임 동작을 정의하는 JavaScript 코드를 작성해 보겠습니다. 준비하세요: 이 장에서는 본격적이고 진지한 프로그래밍에 참여하고 진지한 코드를 작성해 보겠습니다.
이벤트 처리
비동기 프로그래밍
이 장에서는 기본 수준으로 올라갑니다. 새로운 레벨. 지금까지 우리는 일반적으로 하향식으로 실행되는 코드를 작성했습니다. 물론 함수, 객체, 메소드를 사용했지만 실행은 미리 정해진 경로를 따랐습니다. 책의 후반부에서 이 소식을 전해드려야 한다는 점은 아쉽지만, 이 코드 구조는 JavaScript에서는 일반적이지 않습니다. 대부분의 JavaScript 코드는 이벤트를 처리하기 위해 작성되었습니다. 어떤 이벤트? 예, 그렇습니다. 사용자가 페이지를 클릭하고 네트워크에서 데이터가 들어오고 브라우저에서 타이머가 울리고 DOM에서 변경이 발생합니다. 전체 목록. 더욱이 브라우저에서는 거의 눈에 띄지 않는 이벤트가 지속적으로 발생하고 있습니다. 이 장에서는 프로그래밍에 대한 접근 방식을 다시 고려하고 이벤트에 응답하는 코드를 작성해야 하는 이유를 알아봅니다.
무제한 기능
최고 수준의 기능
특징을 배우고 빛을 발하세요. 모든 기술, 예술 및 분야에는 일반 플레이어와 진정한 전문가를 구분하는 핵심 원칙이 있습니다. JavaScript의 경우 숙련도의 표시는 기능을 잘 이해하는 것입니다. 함수는 JavaScript에서 기본적인 역할을 하며, 코드를 설계하고 구성하는 데 사용되는 많은 기술은 함수에 대한 충분한 지식과 함수 사용 능력에 의존합니다. 이것에 대한 기능을 배우는 방법
레벨은 흥미롭고 도전적이므로 준비하세요... 이 장은 Willy Wonka의 초콜릿 공장을 견학하는 것과 약간 비슷합니다. JavaScript 기능을 탐색하면서 이상하고 말도 안 되는 멋진 것들을 많이 보게 될 것입니다.
심각한 기능
익명 함수, 범위 및 클로저
우리는 함수에 대해 많은 것을 배웠지만 그것이 전부는 아닙니다. 이 장에서는 더 나아가 전문가들이 일반적으로 다루는 주제를 이해하겠습니다. 기능을 정말 효과적으로 사용하는 방법을 배우게 됩니다. 이 장은 너무 길지는 않지만 상당히 집중적이므로 이 장을 마칠 때쯤에는 여러분의 JavaScript 코드가 여러분이 기대하는 것보다 더 표현력이 풍부해질 것입니다. 또한 다음을 통해 동료의 코드를 받아들이거나 JavaScript 라이브러리를 배울 수 있습니다. 오픈 소스, 함수 사용과 관련된 몇 가지 일반적인 관용어와 규칙도 배울 것이기 때문입니다. 익명 함수와 클로저에 대해 들어본 적이 없다면 여기가 이에 대해 배울 수 있는 가장 좋은 장소입니다!
객체 생성
사소하지 않은 객체 생성
지금까지 우리는 수동으로 객체를 생성했습니다. 각 객체에 대해 각각의 모든 속성을 지정하는 객체 리터럴이 사용되었습니다. 소규모 프로그램의 경우 이는 허용되지만
심각한 코드에는 더 나은 것, 즉 객체 생성자가 필요합니다. 생성자를 사용하면 개체를 쉽게 만들 수 있으며 단일 패턴을 사용하여 개체를 만들 수 있습니다. 즉, 생성자를 사용하면 동일한 속성과 동일한 메서드를 포함하는 일련의 개체를 만들 수 있습니다. 생성자를 사용하여 작성된 코드는 훨씬 더 간결하며 많은 수의 객체를 생성할 때 오류가 발생할 위험이 줄어듭니다. 이 장을 공부한 후에는 마치 성인이 되어서도 이 작업을 해왔던 것처럼 생성자를 사용하게 될 것이라고 확신합니다.
강한 물체
프로토타입의 사용
객체를 만드는 법을 배우는 것은 시작에 불과합니다. 이제 "근육을 강화"할 시간입니다. 개체 간의 관계를 정의하고 구성하는 고급 도구를 알아보세요. 나누는암호. 또한 기존 시설을 확장하는 메커니즘도 필요합니다. 즉, 우리는
객체 작업을 위한 툴킷을 확장하세요. 이 장에서는 JavaScript가 상당히 강력한 객체 모델을 가지고 있지만 전통적인 객체 지향 언어의 모델과는 약간 다르다는 것을 알게 될 것입니다. 일반적인 객체 지향 클래스 기반 시스템 대신 JavaScript는 다른 객체의 동작을 상속하고 확장할 수 있는 객체인 프로토타입 모델을 사용합니다. 이것이 당신에게 어떤 이점이 있습니까? 곧 알게 될 것입니다. 그럼, 일하러 가자...
무료 파일 저장소에서 다운로드
링크에 액세스하려면 보안 문자를 해결하세요!
당신은 항상 당신이 일하는 분야에 대한 포괄적인 지식을 얻고 싶어합니다. JavaScript는 포괄적인 지식을 얻는 것이 거의 불가능한 언어 중 하나입니다. 일반적인 웹과 마찬가지로 웹은 지속적으로 발전하고 있으므로 모든 웹 개발자는 이러한 발전을 따라잡기 위해 노력해야 하며 더욱이 자신이 사용하는 기술의 기본 사항을 숙지해야 합니다.
이제 JavaScript는 IT 세계를 지배하고 있습니다. 이를 통해 작은 웹 애플리케이션을 만들거나 로봇을 프로그래밍할 수 있습니다. 다행스럽게도 이 언어는 꽤 오랫동안 사용되어 왔으며, 이 언어를 훌륭하게 숙달한 개발자들은 이 언어로 프로그래밍한 경험을 책에 기술했습니다.
이 책은 컴퓨터가 당신이 원하는 일을 하도록 만드는 방법을 알려준다. 오늘날 컴퓨터는 드라이버만큼 흔하지만 숨겨진 복잡성이 훨씬 더 많기 때문에 이해하고 작동하기가 더 어렵습니다. 많은 사람들에게 그들은 이질적이고 약간 위협적인 존재로 남아 있습니다. 이 책은 러시아어로도 제공됩니다.
이 책은 내장 객체와 언어의 미묘한 차이를 통해 JavaScript 세계에 대한 철저한 개요를 제공합니다. 이 책은 일반적인 프로그래밍, 특히 JavaScript를 이제 막 배우기 시작한 사람들을 위한 책이 아닙니다.
이 책은 고전적인 JavaScript 프로그래밍 패턴과 현대적인 JavaScript 프로그래밍 패턴을 모두 다루고 있습니다. 일반적으로 초보 프로그래머를 대상으로 합니다.
HTML5는 훌륭한 기회를 제공합니다. jQuery도 마찬가지다. Node.JS와 같습니다. 여기에 좀 더 순수한 자바스크립트를 추가한다면 쉽게 웹을 정복할 수 있습니다.
이 책은 JS를 사용하여 웹 애플리케이션을 만들려는 사람들을 대상으로 작성되었습니다. 언어의 기능, 유용한 도구, 템플릿을 설명하며 목록은 이에 국한되지 않습니다.
이 책은 JavaScript에 대한 일반적인 지식을 제공하고 일반적인 논리와 세부 사항을 모두 이해합니다. 저자는 독자가 이미 객체 지향 프로그래밍의 원리와 PHP, Ruby, Python, C++ 또는 Java와 같은 언어에 익숙하다고 가정합니다.
웹 프로그래밍 실습을 한 단계 더 발전시키고 HTML 및 CSS 코딩에서 본격적인 동적 페이지 작성으로 이동할 준비가 되셨습니까? 그렇다면 이제 가장 인기 있는 프로그래밍 언어인 JavaScript에 대해 알아볼 시간입니다!
이 책을 읽고 나면 변수부터 루프까지 JavaScript 언어에 대한 모든 것을 배우게 됩니다. 다양한 브라우저가 코드에 다르게 반응하는 이유와 모든 브라우저에서 지원되는 범용 코드를 작성하는 방법을 이해하게 됩니다. 왜 JS가 미래인지 이해하고 진정한 프론트엔드 개발자가 될 것입니다.
이 책은 타사 프레임워크나 라이브러리를 사용하지 않고 JS에서 프런트엔드 애플리케이션을 작성하는 방법을 보여줍니다.
이 책은 JavaScript 원리에 대한 일반적인 지식 외에도 JSON이나 NoSQL과 같은 관련 영역에 대한 지식은 물론 웹 애플리케이션이 일반적으로 작성되는 방식에 대한 이해도 제공합니다.
제목에서 알 수 있듯이 이 책은 단일 페이지 애플리케이션 개발에 관한 것입니다. 특정 기술과 프레임워크를 설명하지는 않지만 일반적인 패턴과 사례를 잘 설명합니다.
이 책은 아마도 모든 웹 개발자에게 JavaScript에서 가장 중요한 DOM(Document Object Model) 작업에 전념하고 있습니다.
JSON과 JSLint의 창시자인 Douglas Crockford가 쓴 이 책은 누구나 읽어야 할 JavaScript 세계의 고전입니다. 객체 지향 접근 방식의 기본 사항을 다루고 좋은 예와 나쁜 예를 모두 제공합니다. 물론 저자는 그러한 “유해한” 사례를 바로잡는 방법과 그러한 실수를 피하는 방법을 알려준다.
유명한 교사인 Kyle Simpson이 쓴 이 시리즈는 6권의 책으로 구성되어 있으며 각 책은 언어의 다른 부분을 다루고 있습니다. 이 책들의 가장 큰 장점은 주의가 산만해질 시간이 없을 만큼 길이가 짧다는 것입니다. 그리고 이 시리즈의 "ES6 and Beyond" 책을 러시아어로 된 종이 버전으로 구입할 수 있습니다.
자바스크립트는 주요 도구웹 개발자를 통해 인터넷 페이지를 대화형, 동적 및 달성 가능하게 만들 수 있습니다. 최고 성능. 이것은 배우기 쉽지 않지만 매우 인기 있는 언어를 빠르게 배울 수 있도록 체계적으로 구성된 JavaScript 가이드입니다. 이 책에서는 jQuery 라이브러리에 많은 관심을 기울였습니다. 또한 많은 예시와 세부적인 작업이 있습니다.
종합 가이드를 읽고 나면 다음을 수행할 수 있습니다.
- 웹사이트 페이지를 대화형으로 만드세요.
- 주인 최신 버전 jQuery 플러그인 UI
- 자동 데이터 검증 및 수정을 통해 편리한 양식을 만드세요.
- AJAX 기술을 사용합니다.
- 해당 분야의 지식을 심화시켜 전문가가 되세요.
레이아웃의 기본 사항을 배운 후에는 확실히 더 많은 상호 작용성과 아름다움을 원할 뿐만 아니라 사이트가 백엔드와 상호 작용할 수 있는 더 편리한 방법을 원하게 될 것입니다. 그때 JavaScript가 미친듯이 인기 있는 jQuery 프레임워크와 함께 무대에 등장했습니다. 책 작업을 시작하려면 깊은 지식이 필요하지 않습니다. 책에서 모든 내용을 얻을 수 있습니다. 여기에는 브라우저 간 호환성 및 페이지 최적화 분야의 최신 사례만 설명되어 있으며 프레젠테이션은 명확한 예와 그림을 통해 명확한 언어로 제공됩니다.
이미 고전이 된 책. 최신 버전에서는 오늘날 가장 관련성이 높은 기술인 HTML5 및 ECMAScript 6을 다루고 있습니다. 또한 jQuery 및 서버측 JavaScript에 대한 새로운 장을 추가합니다. 이 가이드는 완전 초보자와 JavaScript 지식을 완벽하게 연마하려는 사람들 모두에게 유용할 것입니다.
Head First 시리즈의 다른 책 소개 “우리 각자 안에 숨어 있는 내면의 해방된 전문 프로그래머를 위한 올바른 톤. 실용적인 개발 전략에 대한 훌륭한 참고 자료 - 짜증나고 시대에 뒤떨어진 학문적 전문 용어에 방해받지 않고 내 두뇌가 계속 작동하도록 해줍니다." - Travis Kalanick, Uber CEO "놀라운 명쾌함, 유머, 그리고 상당한 양의 지능은 프로그래머가 아닌 사람이라도 문제 해결 기술에 대해 긍정적으로 생각하게 만들 것입니다." - 공상과학 작가 보잉보잉 공동 편집자 코리 닥터로우 “한 번에 반 톤의 책을 읽은 기분이에요.” - Ward Cunningham, Wiki 창시자 "이 책은 내가 필수 불가결하다고 생각하는 프로그래밍에 관한 몇 안 되는 책 중 하나입니다. (그리고 이 범주에는 10권의 책이 더 이상 없습니다.)" - 데이비드 겔런터(David Gelernter), 예일대학교 컴퓨터과학과 교수 “웃었고, 울었고, 이 책이 나에게 감동을 주었습니다.” - Daniel Steinberg, java.net 수석 편집자 "Eric과 Elizabeth보다 더 나은 여행 가이드는 없다고 생각합니다." - Miko Matsumura, Hazelcast 마케팅 부사장, 전 Sun Microsystems Java 책임자 “저는 말 그대로 이 책을 좋아합니다. 아내 앞에서 키스도 했다”고 말했다. - Satish Kumar “시각적 접근과 일관된 표현 - 가장 좋은 방법이 내용을 학습..." - Danny Goodman, Dynamic HTML: The Definitive Guide의 저자 "기술 전문 용어로 가득 찬 많은 혼란스러운 프로그래밍 책과 달리 Head First jQuery 시리즈 가이드는 초보자가 간단하고 접근 가능한 방식으로 첫 번째 jQuery 페이지를 만드는 데 도움이 됩니다." - Lindsay Skouras, 변호사이자 독학으로 공부한 프로그래머 Head First 시리즈의 다른 책 소개 “Erik과 Elizabeth는 분명히 자신의 일을 알고 있습니다. 인터넷 기술은 날로 정교해지고 있으며, 창의적인 웹페이지 제작이 점점 더 중요해지고 있습니다. 우아한 건축물은 모든 장의 중심 무대를 차지하며, 각 개념은 동일한 양의 실용주의와 재치로 전달됩니다." - Ken Goldstein, Shop.com의 전 이사이자 This is Rage: A Novel of Silicon의 저자; Valley and Other Madness “HTML, XHTML 및 CSS 탐색은 웹 페이지 레이아웃 및 프리젠테이션의 미래 지향적인 방식에 대한 철저하게 연구된 최신 가이드입니다. 저자는 어떤 점이 독자에게 혼란을 초래할 수 있는지 예상하고 이를 적시에 명확히 설명합니다. 풍부한 시각적 예와 프레젠테이션의 일관성을 기반으로 하는 사용된 접근 방식은 독자에게 최적입니다. 독자는 작은 변경을 하고 브라우저에서 최종 효과를 관찰하여 각각의 새로운 요소의 목적을 이해할 수 있습니다. .” - Danny Goodman, Dynamic HTML: The Definitive Guide의 저자 “HTML, XHTML 및 CSS를 배우면 독자가 처음부터 전체 학습 과정이 간단하고 재미있다는 느낌을 받게 됩니다. 적절하게 설명되면 HTML을 마스터하는 것은 모국어의 기본을 배우는 것보다 어렵지 않으며 저자는 각 개념에 대한 명확한 예를 훌륭하게 제공합니다.” - Mike Davidson, Newsvine, Inc. 사장 겸 CEO. “기존 교과서 스타일로 자료를 제시하는 대신, iPhone 및 iPad용 프로그래밍은 독자에게 iOS 프로그래밍 학습을 위한 생생하고 매력적이며 즐거운 방법을 제공합니다. 자료는 능숙하고 효율적으로 선택되었습니다. 이 책은 핵심 데이터를 포함한 많은 핵심 기술은 물론 인터페이스 디자인과 같은 중요한 측면까지 다루고 있습니다. 그리고 노변담화를 나누는 UIWebView 및 UITextField에 대한 내용을 또 어디서 읽을 수 있나요?” - Sean Murphy, iOS 앱 디자이너 겸 개발자 “Programming for iPhone and iPad라는 책에서는 개발 원칙을 설명합니다. iOS 애플리케이션처음부터. 첫 번째 버전의 주요 변경 사항은 iOS 4, Xcode 4 및 iPad 앱 작성과 관련됩니다. 덕분에 단계별 설명 자료를 제시하는 시각적 스타일을 통해 이 책은 가장 단순한 것부터 사소한 것까지 모든 측면에서 iPhone 및 iPad용 프로그래밍을 학습하는 데 탁월한 도구가 됩니다.” - Rich Rosen, 프로그래머이자 Mac OS X for Unix Geeks BBK 32.988-02-018.1 UDC 004.43 F88 F88 Freeman E., Robson E. JavaScript 프로그래밍 학습 책의 공동 저자. - 상트페테르부르크: Peter, 2015. - 640쪽: 아픈. - (헤드 퍼스트 오라일리 시리즈). ISBN 978-5-496-01257-7 웹 프로그래밍에서 한 단계 더 발전하여 HTML 및 CSS 레이아웃에서 본격적인 동적 페이지를 생성할 준비가 되셨습니까? 그렇다면 이제 가장 인기 있는 프로그래밍 언어인 JavaScript에 대해 알아볼 시간입니다! 이 책을 통해 변수부터 루프까지 JavaScript에 대한 모든 것을 배울 수 있습니다. 다양한 브라우저가 코드에 다르게 반응하는 이유와 모든 브라우저에서 지원되는 범용 코드를 작성하는 방법을 이해하게 됩니다. 페이지 정체나 JavaScript 코드의 데이터 전송 오류에 대해 걱정할 필요가 없는 이유를 알게 될 것입니다. 이전에 코드 한 줄도 작성해 본 적이 없더라도 놀라지 마세요. 자료를 제시하는 독특한 형식 덕분에 이 책은 간단한 스크립트 작성부터 복잡한 작성까지 전체 학습 경로를 따라 쉽게 안내할 것입니다. 모든 최신 브라우저에서 작동하는 웹 프로젝트. 이 출판물의 특별한 특징은 프로그래밍에 관한 많은 지루한 책들과 차별화되는 O'Reilly "Head First" 시리즈를 차별화하는 독특한 자료 제시 방식입니다. 12+ (2010년 12월 29일자 연방법 No. 436-FZ에 따름.) BBK 32.988-02-018.1 UDC 004.43 O'Reilly와의 계약에 따라 취득한 출판권. 판권 소유. 저작권 소유자의 서면 허가 없이는 이 책의 어떤 부분도 어떤 형태로든 복제할 수 없습니다. ISBN 978-1449340131 영어 ISBN 978-5-496-01257-7 © Head First JavaScript 프로그래밍 1판(ISBN 9781449340131) 영어판의 러시아어 번역 승인 © 2014 Eric Freeman, Elisabeth Robson. 이 번역은 동일한 출판 및 판매에 대한 모든 권리를 소유하거나 통제하는 O'Reilly Media, Inc.의 허가에 의해 출판 및 판매됩니다. © 러시아어 번역: Peter Publishing House LLC, 2015 © 러시아어 판, 디자인: Publishing House LLC “ Peter”, 2015년 JavaScript 전용 - 당신은 부유한 가정에서 태어나지는 않았지만 브라우저에서 당신과 경쟁하려고 했던 모든 언어를 능가했습니다. 저자 Elizabeth Robson 책의 저자 Eric Freem Head First 시리즈의 창시자 중 한 명에 따르면 Eric은 “다양한 분야인 테크노 분야의 언어, 실무 및 문화에 정통한 보기 드문 개인 중 한 명입니다. -힙스터, 부사장, 엔지니어, 분석가.” Eric은 Walt Disney Company에서 Disney Online & Disney.com의 CTO로 거의 10년 동안 리더십 직책을 맡았습니다. 이제 Eric은 Elizabeth와 함께 설립한 신생 기업인 WickedlySmart에 시간을 할애하고 있습니다. Eric은 Yale University에서 David Gelernter와 함께 연구를 수행한 컴퓨터 과학자입니다. 그의 논문은 데스크탑 메타포를 구현하는 인터페이스 분야의 중요한 작업이자 Gelernter와 함께 개발한 개념인 활동 흐름의 첫 번째 구현이었습니다. 여가 시간에는 Eric은 음악에 진지하게 참여합니다. Steve Roach와 함께 만든 Eric의 최신 프로젝트 Immersion Station은 다음에서 확인할 수 있습니다. 아이폰 앱가게. Eric은 베인브리지 아일랜드에서 아내, 딸과 함께 살고 있습니다. 그의 딸은 종종 Eric의 음악 스튜디오에 들러 신디사이저와 오디오 효과 생성기를 가지고 놀곤 합니다. Eric에게 다음 주소로 편지를 보내세요. [이메일 보호됨] 또는 그의 웹사이트 http://ericfreeman.com을 방문하세요. 8 Elizabeth는 프로그래머이자 작가이자 교사입니다. 그녀는 예일 대학교에서 컴퓨터 과학 석사 학위를 받은 이후로 자신의 일을 사랑해 왔습니다. Elizabeth는 오랫동안 인터넷에 참여해 왔습니다. 그녀는 여성들이 컴퓨터 기술 직업과 교육에 관한 정보를 찾을 수 있도록 돕는 최초의 사이트 중 하나인 인기 있는 Ada 프로젝트를 만드는 데 도움을 주었습니다. 그녀는 웹 기반 온라인 교육 회사인 WickedlySmart를 공동 창립했습니다. 여기서 그녀는 책, 기사, 비디오 코스 등을 만듭니다. O'Reilly의 특별 프로젝트 디렉터로서 Elizabeth는 세미나와 원격 학습 코스를 개발했습니다. 이것이 사람들이 신기술을 이해하는 데 도움이 되는 교육 과정을 만들려는 그녀의 열정의 시작이었습니다. O'Reilly에 합류하기 전에 Elizabeth는 The Walt Disney Company에서 근무하면서 디지털 미디어 기술의 연구 개발을 이끌었습니다. Elizabeth는 컴퓨터 앞에 앉아 있지 않을 때마다 하이킹, 자전거 타기, 노 젓기, 채식 요리 요리를 즐깁니다. Elizabeth에게 [email protected]으로 이메일을 보내거나 그녀의 블로그인 http://elisabethrobson.com을 방문할 수 있습니다. 목차 목차(요약) 1 2 3 4 5 6 7 8 9 10 11 12 13 소개 JavaScript를 처음 접했습니다. 낯선 바다에서 실제 코드입니다. 다음 단계 기능 알아보기. 모두를 위한 기능 데이터를 정리하세요. 배열은 객체를 충족합니다. Objectville로의 여행 웹페이지와의 상호작용. DOM 모델 유형, 동등성, 변환 및 모든 것. 진지한 유형 모두 함께. 애플리케이션 비동기 프로그래밍 구축. 이벤트 처리 최고 수준의 기능. 무제한 기능 익명 기능, 범위 및 클로저. 심각한 기능 객체 생성이 사소하지 않습니다. 프로토타입을 사용하여 객체 만들기. 강력한 객체 25 37 79 113 157 203 257 291 341 403 449 495 539 579 목차(현재) 소개 당신의 두뇌와 JavaScript. 당신은 공부하고 있습니다 - 시험을 준비하고 있습니다. 또는 복잡한 기술 주제를 마스터하려고 합니다. 당신의 두뇌는 당신에게 호의를 베풀려고 노력하고 있습니다. 그는 겉보기에 관련성이 없는 정보에 귀중한 자원이 낭비되지 않도록 노력합니다. 중요한 일에 지출하는 것이 좋습니다. 그렇다면 그가 JavaScript를 배우도록 하려면 어떻게 해야 할까요? 이 책은 누구를 위해 쓰여졌습니까? 우리는 당신이 무슨 생각을 하는지 알고 있습니다. 이 책은 메타인지: 사고의 과학을 배우고 싶은 사람들을 위한 것입니다. 24 25 26 27 우리가 한 일은 다음과 같습니다. 두뇌가 순종하도록 당신이 할 수 있는 일 메모해 두세요 과학 편집자 감사의 글 28 29 30 33 34 9 목차 1 익숙하지 않은 환경에서 JavaScript는 환상적인 기회를 제공합니다. World Wide Web의 기본 프로그래밍 언어인 JavaScript를 사용하면 웹 페이지의 고급 동작을 정의할 수 있습니다. 화면 공간만 차지하는 건조하고 지루하며 정적인 페이지는 잊어버리세요. JavaScript를 사용하면 사용자와 상호 작용하고, 이벤트에 응답하고, 인터넷에서 데이터를 검색 및 사용하고, 그래픽을 표시하는 등 다양한 작업을 수행할 수 있습니다. JavaScript에 대한 지식이 있으면 페이지에 완전히 새로운 동작을 프로그래밍할 수도 있습니다. 그리고 당신의 지식이 요구될 것이기 때문에 안심하십시오. JavaScript는 이제 가장 인기 있는 프로그래밍 언어 중 하나일 뿐만 아니라 모든 최신(그리고 많은 비현대적) 브라우저에서도 지원됩니다. 또한 브라우저와 별도로 존재하는 JavaScript 구현이 내장되어 있습니다. 하지만 이야기는 충분합니다. 이제 사업을 시작할 시간입니다! CSS HTML JS 10 브라우저 javascript 시작하기 JavaScript 작동 방식 38 JavaScript 코드 작성 방법 39 페이지에 JavaScript 코드를 포함하는 방법 40 JavaScript, 정말 먼 길을 오셨습니다... 42 명령 생성 방법 46 변수 및 가치관 47개 키워드 주의! 48 표정 조심하세요! 51 작업의 반복 실행 53 while 루프 작동 방식 54 JavaScript로 결정하기 58 그리고 많은 결정을 내려야 한다면... 59 페이지와 상호 작용하는 데 사용자 참여시키기 61 console.log 알아보기 63 여는 방법 콘솔 64 JavaScript로 진지한 애플리케이션 작성 65 페이지에 코드를 추가하는 방법은 무엇입니까? (방법 계산) 68 마크업 및 코드: 경로 분기 69 목차 2 실제 코드 다음 단계 변수, 유형, 표현식... 등이 무엇인지 이미 알고 계십니다. 당신은 이미 JavaScript에 대해 알고 있습니다. 더욱이, 누군가가 사용할 흥미로운 일을 수행하는 실제 프로그램 작성을 시작하기에 충분한 지식입니다. 코드 작성에 대한 실무 경험이 부족한 것은 사실입니다. 지금부터 이 문제를 해결해 보겠습니다. 어떻게? JavaScript로 완전히 구현된 간단한 게임을 작성해 보겠습니다. 과제는 규모가 크지만 차근차근 목표를 향해 나아가겠습니다. 이제 본격적으로 시작해 보세요. Nachacha가 갑자기 귀하의 프로젝트에 우리 개발을 사용하고 싶다면 괜찮다고 생각하는 대로 코드를 폐기해도 됩니다. 준비 사용자 miss로부터 데이터 수신 결과 확인 hit ship sunk Mark : ship sunk 점수/점수 출력 Game over Mark : hit 게임 "Sea Battle"을 구현해보자 80 첫 번째 실행. .. 80 디자인부터 시작해보자 81 의사코드를 분석해보자 83 그만! 더 나아가기 전에 HTML을 기억하세요! 85 "Battleship"의 단순화된 버전에 대한 코드를 작성 중입니다 86 로직 구현으로 이동합니다 87 프롬프트 기능의 작동 방식 89 히트 확인 90 히트 확인을 위한 코드 추가 93 게임 후 데이터 출력 94 로직 구현 준비되었다! 96 품질 관리에 대해 조금 97 더 짧게 만들 수는 없을까요... 101 단순화된 "전함"이 거의 준비되었습니다 102 임의의 위치를 얻는 방법 103 세계적으로 유명한 난수 생성 방법 103 품질 관리로 돌아가기 105 축하합니다. 첫 번째 JavaScript 프로그램을 만들었습니다! 이제 코드 재사용에 대해 한마디 107 11 목차 3 12 기능 알아보기 모두를 위한 기능 이 장에서는 첫 번째 초능력을 마스터하게 됩니다. 당신은 이미 프로그래밍에 대해 알고 있습니다. 이제 다음 단계로 나아가서 기능 작업을 마스터할 시간입니다. 함수를 사용하면 다양한 상황에서 재사용할 수 있는 코드를 작성할 수 있습니다. 유지 관리가 훨씬 쉬운 코드; 추상화하고 간단한 이름을 지정할 수 있는 코드를 사용하면 일상적인 세부 사항을 잊어버리고 정말 중요한 일을 계속할 수 있습니다. 함수는 프로그래머 기술의 문을 열어줄 뿐만 아니라 JavaScript 프로그래밍 스타일에서 중요한 역할을 한다는 것을 알게 될 것입니다. 이 장에서 우리는 기본적인 것, 즉 기능의 작동 방식과 기능에 대한 자세한 내용부터 시작한 다음 책의 나머지 부분을 기능 기술을 향상시키는 데 사용할 것입니다. 그럼 지금부터 기본부터 시작하겠습니다. 그렇다면 이 코드에 어떤 문제가 있나요? 115 그런데 FUNCTIONS에 대해 들어본 적이 있나요? 117 알겠습니다. 그런데 어떻게 작동하나요? 118 함수에 무엇을 전달할 수 있나요? 123 JavaScript는 값별 전달을 사용합니다 126 함수 실험 128 함수는 값도 반환할 수 있습니다 129 return 명령을 사용하여 함수 단계별 실행 130 전역 및 지역 변수 133 지역 및 전역 변수의 범위 135 변수의 짧은 수명 136 돈 지역 변수를 선언하는 것을 잊지 마세요! 137 목차 4 데이터 정리 배열 0 60 50 1 2 50 52 3 60 54 4 5 58 6 7 54 8 54 9 58 JavaScript는 숫자, 문자열 및 부울 이상의 기능을 사용할 수 있습니다. 지금까지 우리는 단순한 문자열, 숫자, 부울(예: "Fido", 23 및 true)과 같은 기본 형식만을 사용하여 작업했습니다. 기본 유형을 사용하여 많은 작업을 수행할 수 있지만 어느 시점에서는 장바구니에 있는 모든 항목, 재생 목록에 있는 모든 노래, 별 그룹과 크기 또는 전체 카탈로그를 나타내기 위해 확장된 데이터가 필요하게 됩니다. 제품의. 이러한 작업에는 더 심각한 자금이 필요합니다. 이러한 동종 데이터를 표현하는 일반적인 도구는 JavaScript 배열입니다. 이 장에서는 데이터를 배열에 넣고 전달하고 작업하는 방법을 배웁니다. 다음 장에서는 데이터를 구조화하는 다른 방법을 살펴보겠지만 배열부터 시작하겠습니다. 우리를 도와주실 건가요? 158 자바스크립트에서 값 집합을 표현하는 방법 159 배열 작동 방식 160 배열에는 몇 개의 요소가 있나요? 162 아름다운 문구 생성기 164 한편 Bubbles-R-Us에서는... 167 배열 요소를 반복하는 방법 170 하지만 잠깐만요, 더 많은 것이 있습니다 편리한 방법 지나침! 172 뭐야, 또?.. 더 짧을 순 없나요? 178 후위 증분 연산자를 사용하여 for 루프 개선 179 빈 배열 생성(및 요소 추가) 183 승자는 다음과 같습니다... 187 코드 개요... 189 printAndGetHighScore 함수 작업 190 코드를 리팩토링하여 printAndGetHighScore 함수 정의 191 이제 모두 합쳐졌습니다... 193 13 목차 5 14 만나다: 객체 객체빌로의 여행 지금까지 우리는 프리미티브와 배열을 사용해 왔습니다. 그리고 간단한 명령, 조건, for/while 루프 및 함수가 포함된 절차적 프로그래밍 방법론을 사용했습니다. 이 접근 방식은 객체 지향 프로그래밍의 원칙과는 거리가 멀었습니다. 사실 이는 객체 지향 프로그래밍과 전혀 관련이 없습니다. 우리는 때때로 객체를 사용했지만(당신도 모르는 사이에) 아직 우리 자신의 객체를 작성하지 않았습니다. 이제 지루한 절차적 도시를 떠나 자신만의 객체를 만들기 시작할 시간입니다. 이 장에서는 적어도 프로그래밍과 관련하여 객체가 우리 삶을 크게 향상시키는 이유를 배우게 됩니다. 이것만 알아두세요. 일단 사물에 익숙해지면 다시 돌아가고 싶지 않을 것입니다. 아, 그리고 정착할 때 엽서 보내는 것도 잊지 마세요. 누군가 "객체"라고 말했나요?! 204 속성에 대한 추가 정보... 205 객체를 만드는 방법 207 "객체 지향 접근 방식"이란 무엇입니까? 210 속성의 작동 방식 211 객체는 변수에 어떻게 저장되나요? 호기심 많은 사람들이 관심을 갖고 있습니다... 216 기본 요소와 객체 비교 217 객체는 더 많은 일을 할 수 있습니다... 218 사전 검증 219 단계별 확인 220 객체를 함수에 전달하는 방법에 대해 좀 더 이야기해 보겠습니다. 222 스스로 행동하십시오! 그리고 객체를 가르치세요... 228 구동 방식 개선 229 구동 방식은 왜 시작된 속성을 인식하지 못하는 걸까요? 232 작동 방식 234 동작이 상태에 미치는 영향 240 상태가 동작에 영향을 미치는 방법 241 첫 번째 객체를 축하합니다! 243 당신이 단단한 물체에 둘러싸여 있다고 상상해보세요! (그리고 작업이 더 쉬워집니다.) 244 목차 6 웹 페이지 DOM과 상호 작용 당신은 JavaScript 학습에서 상당한 진전을 이루었습니다. 사실, 당신은 스크립트 프로그래밍 분야의 초보자에서 프로그래머로 변신했습니다. 하지만 한 가지 빠진 것이 있습니다. JavaScript 기술을 최대한 활용하려면 코드가 있는 웹 페이지와 상호 작용할 수 있어야 합니다. 이 경우에만 사용자 작업에 응답하고 로드 후 업데이트되는 동적 페이지를 작성할 수 있습니다. 페이지와 상호작용하는 방법은 무엇입니까? 문서 객체 모델 DOM(Document Object Model)을 통해. 이 장에서는 페이지의 기능을 향상시키기 위해 DOM과 JavaScript에서 이 모델을 사용하는 일반적인 원칙을 살펴보겠습니다. 안녕하세요 브라우저입니다. 나는 페이지를 읽고 DOM에 그 표현을 작성하고 있습니다. 이전 장에서 우리는 "코드 해독" 퍼즐을 제시했습니다: 258 이 코드는 무엇을 하는가? 259 JavaScript가 실제로 DOM과 상호 작용하는 방법 Page 261 DOM을 준비하는 방법 262 DOM: 첫인상 263 getElementById를 사용하여 요소 가져오기 268 DOM에서 정확히 무엇을 얻나요? 269 내부 HTML 찾기 270 DOM을 변경하면 어떤 일이 발생합니까? 272 그리고 페이지가 로드되기 전에 내 코드를 실행할 생각조차 하지 마세요! 277 "이벤트 핸들러" 또는 "콜백 함수" 278 setAttribute 메소드를 사용하여 속성을 설정하는 방법 283 속성을 이용한 재미는 계속됩니다! (속성 값을 읽을 수 있음) 284 그리고 getElementById도 null을 반환할 수 있다는 점을 잊지 마세요! 284 값을 요청할 때마다 요청한 것을 확실히 얻는 것이 좋습니다... 284 DOM으로 또 무엇을 할 수 있습니까? 286 document html head body p id =”greenplanet” p id =”redplanet” p id =”blueplanet” 모든 것이 잘됨 보고할 내용 없음 모든 시스템 A-OK 15 내용 7 16가지 유형, 동등성, 변환 및 그 모든 것 심각한 유형 시간 유형에 대해 진지하게 이야기하게 되었습니다. JavaScript의 가장 큰 장점 중 하나는 초보자가 언어의 세부 사항을 파헤치지 않고도 꽤 멀리 갈 수 있다는 것입니다. 하지만 실제로 언어를 마스터하고 직장에서 승진하고 실제로 할만한 가치가 있는 일을 하려면 타이핑을 잘해야 합니다. JavaScript에 대해 우리가 말한 것을 기억하십니까? 언어에는 동료 검토를 거친 학술적 정의가 없다는 것입니다. 예, 이것은 사실입니다. 그러나 학문적 배경의 부족이 스티브 잡스와 빌 게이츠를 막지는 못했습니다. JavaScript도 방해하지 않았습니다. 이는 JavaScript의 유형 시스템이... 음, 가장 정교하지도 않고 그 안에 많은 이상한 점이 있다고 가정해 보겠습니다. 하지만 걱정하지 마십시오. 이 장에서 모든 내용을 자세히 설명하고 유형을 사용하여 모든 어려운 순간을 안전하게 탐색하는 방법을 곧 배우게 될 것입니다. 진실은 저 너머에 있습니다... 292 조심하세요: undefound 가 갑자기 나타나는 경우도 있습니다... 294 null 사용 방법 297 NaN 작업하기 299 다음은 훨씬 더 놀랍습니다 299 우리는 고백해야 할 것이 있습니다... 301 항등 연산자(= =라고도 함) 302 피연산자가 변환되는 방법(생각만큼 무섭지는 않습니다) 303 엄격한 항등을 확인하는 방법 306 더 많은 유형 변환. .. 312 두 개체의 동등성을 테스트하는 방법 315 의사 진실은 존재합니다... 317 JavaScript가 "의사 거짓말"로 간주하는 것 318 문자열의 비밀스런 삶 320 문자열은 기본 형식과 개체처럼 보일 수 있습니다 321 문자열 메소드(및 속성)에 대한 간략한 개요 323 의자 싸움 327 목차 8 모두 함께 애플리케이션 구축 작업에 필요한 도구를 준비합니다. 예, 귀하의 툴킷은 새로운 프로그래밍 기술, DOM에 대한 지식, 심지어 HTML 및 CSS에 대한 지식입니다. 이번 장에서는 이 모든 것을 하나로 모아 첫 번째 완전한 웹 애플리케이션을 만들겠습니다. 한 줄에 배치되는 하나의 선박을 사용하는 매우 원시적 인 게임입니다. 이 장에서는 넓은 경기장, 여러 선박, 웹 페이지에 직접 사용자 입력이 가능한 정식 버전을 구축하겠습니다. HTML 마크업으로 게임 페이지의 구조를 만들고, CSS를 사용하여 시각적 스타일을 적용하고, 게임 동작을 정의하는 JavaScript 코드를 작성해 보겠습니다. 준비하세요: 이 장에서는 본격적이고 진지한 프로그래밍에 참여하고 진지한 코드를 작성해 보겠습니다. 이번에는 실제 전함 게임을 만들겠습니다. 342 HTML 및 CSS로 돌아가기 343 생성 HTML 페이지 : 큰 그림 344 스타일 추가 348 hit 및 miss 클래스 사용 351 게임 디자인 방법 353 뷰 구현 355 displayMessage 메소드 작동 방식 355 displayHit 및 displayMiss 메소드 작동 방식 357 모델 360 선박 데이터 표현 방법 362 모델 객체 365 발사 메소드 준비 366 컨트롤러 구현 373 E 샷 처리 374 F 코드 계획... 375 B C D Ship 1 A Ship 2 Ship 3 G 0 1 2 3 4 HIT 5 6parseGuess 메소드 구현 376 계산 및 처리 샷 379 이벤트 핸들러를 발사 버튼에 바인딩하는 방법 383 컨트롤러에 데이터 전달 384 배를 배치하는 방법 388 generateShip 메소드 389 새 배의 시작 위치 생성 390 generateShip 메소드 완료 391 17 목차 9 18 비동기 프로그래밍 이벤트 처리 이 장에서는 완전히 새로운 수준으로 작업을 진행합니다. 지금까지 우리는 일반적으로 하향식으로 실행되는 코드를 작성했습니다. 물론 함수, 객체, 메소드를 사용했지만 실행은 미리 정해진 경로를 따랐습니다. 책의 후반부에서 이 소식을 전해드려야 한다는 점은 아쉽지만, 이 코드 구조는 JavaScript에서는 일반적이지 않습니다. 대부분의 JavaScript 코드는 이벤트를 처리하기 위해 작성되었습니다. 어떤 이벤트? 예, 그렇습니다. 사용자가 페이지를 클릭하고, 네트워크에서 데이터가 들어오고, 브라우저에서 타이머가 실행되고, DOM에서 변경이 발생합니다. 이는 결코 전체 목록이 아닙니다. 더욱이 브라우저에서는 거의 눈에 띄지 않는 이벤트가 지속적으로 발생하고 있습니다. 이 장에서는 프로그래밍에 대한 접근 방식을 다시 고려하고 이벤트에 응답하는 코드를 작성해야 하는 이유를 알아봅니다. "이벤트"란 무엇입니까? 405 "이벤트 핸들러"란 무엇입니까? 406 첫 번째 이벤트 핸들러를 만드는 방법 407 테스트 드라이브 408 이벤트를 이해하는 방법은 무엇입니까? 물론 게임을 작성하세요! 410 게임 구현 411 테스트 드라이브 412 여러 이미지를 추가해 보겠습니다 416 이제 모든 이미지의 모든 onclick 속성에 하나의 핸들러를 할당해야 합니다 417 모든 이미지에 하나의 핸들러를 사용하는 방법 418 이벤트 객체 작동 방식 421 이벤트 객체 작업 423 테스트 드라이브: 이벤트 객체 및 소스 424 대기열 및 이벤트 426 더 많은 이벤트 429 setTimeout 작동 방식 430 게임 코드 완성 434 테스트 드라이브 타이머 435 목차 10 최고의 기능 무제한 기능 기능을 탐색하고 빛을 발합니다. 모든 기술, 예술 및 분야에는 일반 플레이어와 진정한 전문가를 구분하는 핵심 원칙이 있습니다. JavaScript의 경우 숙련도의 표시는 기능을 잘 이해하는 것입니다. 함수는 JavaScript에서 기본적인 역할을 하며, 코드를 설계하고 구성하는 데 사용되는 많은 기술은 함수에 대한 충분한 지식과 함수 사용 능력에 의존합니다. 이 수준에서 기능을 학습하는 길은 흥미롭고 도전적이므로 준비하십시오... 이 장은 Willy Wonka의 초콜릿 공장을 견학하는 것과 약간 비슷합니다. 자바스크립트 함수를 배워보세요. 이중생활 예어 function 450 함수 선언 및 함수 표현식 451 함수 선언 구문 분석 452 다음은 무엇입니까? 브라우저는 코드를 실행합니다 453 앞으로 이동... 조건 테스트 454 그리고 마지막으로... 455 값으로 기능 459 완전한 JavaScript 시민으로 기능 462 일등석 비행 463 승객을 처리하고 확인하는 코드 작성 464 승객을 통해 반복 466 통과 함수를 다른 함수로 467 테스트 운전... 또는 오히려 비행 467 함수에서 함수 반환 470 음료 주문 코드 471 음료 주문 코드: 다른 접근 방식 472 잠깐, 한 잔으로는 충분하지 않습니다! 473 1급 기능을 이용한 음료 주문하기 474 시승 비행 475 웹콜라 477 정렬 배열 방식 작동 방식 479 모두 함께 480 한편 웹콜라에서 481 시승 정렬 482 19 목차 11 젠장! 이번에도 주디가 옳았습니다. 20 익명 함수, 범위 및 클로저 심각한 함수 함수에 대해 많은 것을 배웠지만 이것이 전부는 아닙니다. 이번 장에서는 전문가들이 일반적으로 연구하는 주제에 대해 더 자세히 살펴보겠습니다. 기능을 정말 효과적으로 사용하는 방법을 배우게 됩니다. 이 장은 너무 길지는 않지만 상당히 집중적이므로 이 장을 마칠 때쯤에는 여러분의 JavaScript 코드가 여러분이 기대하는 것보다 더 표현력이 풍부해질 것입니다. 또한 함수 사용과 관련된 몇 가지 일반적인 관용어와 규칙도 배우게 되므로 동료의 코드를 접하거나 오픈 소스 JavaScript 라이브러리를 탐색할 준비가 됩니다. 익명 함수와 클로저에 대해 들어본 적이 없다면 여기가 이에 대해 배울 수 있는 가장 좋은 장소입니다! 잠깐만요... Judy가 폐쇄에 대해 언급하지 않았나요? 그들은 우리가 하는 일과 관련이 있는 것 같습니다. 이 주제를 연구하고 그 문제를 해결해 봅시다. 반대편의 함수를 살펴보자... 496 익명함수는 어떻게 사용하나요? 497 함수는 언제 정의되나요? 여기에 옵션이 있습니다... 503 무슨 일이 일어났나요? 플라이 기능이 정의되지 않은 이유는 무엇입니까? 504 중첩 함수가 생성되는 방법 505 중첩이 범위에 미치는 영향 506 어휘 범위 간단히 말해서 508 어휘 범위가 흥미로운 이유 509 함수 다시 511 함수 호출(다시) 512 "클로저"란 무엇입니까? 515 함수를 닫는 방법 516 클로저를 사용하여 카운터 구현 518 매직 카운터 테스트 519 비하인드 스토리 519 인수로 전달된 함수 표현식으로 클로저 만들기 521 클로저에는 복사본이 아닌 즉각적인 환경이 포함됩니다. 522 이벤트 핸들러에서 클로저 만들기 523 클로저 없는 프로그램 524 클로저가 있는 프로그램 524 히트 카운터 테스트 525 클로저 작동 방식 526 목차 12 중요한 객체 생성 객체 생성 지금까지 우리는 객체를 수동으로 생성했습니다. 각 객체에 대해 각각의 모든 속성을 지정하는 객체 리터럴이 사용되었습니다. 작은 프로그램의 경우 이는 허용되지만 심각한 코드의 경우 더 나은 것, 즉 객체 생성자가 필요합니다. 생성자를 사용하면 개체를 쉽게 만들 수 있으며 단일 패턴을 사용하여 개체를 만들 수 있습니다. 즉, 생성자를 사용하면 동일한 속성과 동일한 메서드를 포함하는 일련의 개체를 만들 수 있습니다. 생성자를 사용하여 작성된 코드는 훨씬 더 간결하며 많은 수의 객체를 생성할 때 오류가 발생할 위험이 줄어듭니다. 이 장을 공부한 후에는 마치 성인이 되어서도 이 작업을 해왔던 것처럼 생성자를 사용하게 될 것이라고 확신합니다. 객체 리터럴을 사용하여 객체 만들기 540 객체 간의 유사점과 차이점에 대해 541 생성자 543 생성자 만드는 방법 544 생성자 사용 방법 545 생성자의 작동 방법 546 생성자에 메서드를 추가할 수도 있습니다 548 위험 지대 551 안전 주의 사항 551 대량 생산을 해보자 ! 554 새 자동차 테스트 556 객체 리터럴을 포기하지 마세요 557 인수를 객체 리터럴로 변환 558 자동차 생성자 변환 559 인스턴스 561 생성된 객체도 독립 속성을 포함할 수 있습니다 564 실제 세계의 생성자 566 배열 객체 567 기타 내장 Objects 569 21 Contents 13 프로토타입 사용 강력한 객체 객체 생성 방법을 배우는 것은 시작에 불과합니다.이제 객체 간의 관계를 정의하고 코드를 공유하는 고급 도구를 학습하여 근육을 풀어볼 시간입니다. 또한 기존 시설을 확장하는 메커니즘도 필요합니다. 즉, 객체 작업을 위한 도구를 확장해야 합니다. 이 장에서는 JavaScript가 상당히 강력한 객체 모델을 가지고 있지만 전통적인 객체 지향 언어의 모델과는 약간 다르다는 것을 알게 될 것입니다. 일반적인 객체 지향 클래스 기반 시스템 대신 JavaScript는 다른 객체의 동작을 상속하고 확장할 수 있는 객체인 프로토타입 모델을 사용합니다. 이것이 당신에게 어떤 이점이 있습니까? 곧 알게 될 것입니다. 그럼 작업을 시작하겠습니다... Object toString() hasOwnProperty() // 및 기타 581 그런데 얼마나 효과적일까요? 582 중복 메소드가 실제로 문제를 일으키는가? 584 "프로토타입"이란 무엇입니까? 585 프로토타입을 통한 상속 586 상속 작동 방식 587 종: "Canine" 프로토타입 재정의 589bark() run() wag() 프로토타입을 얻는 방법 591 프로토타입을 만드는 방법 592 개 프로토타입 상속된 메서드 재정의 594 동적 프로토타입 정보 598 sit 메소드의 더욱 흥미로운 구현 600 ShowDog 프로토타입 다시 한 번: sit 속성의 작동 방식 601 리그: “Webville” 객체 디자인을 시작할 위치 605 프로토타입 체인 생성 607 프로토타입 체인에서 상속이 작동하는 방식 608 stack() 미끼( ) gait()groom() ShowDog 이름: "Scotty" 품종: "Scottish Terrier" 무게: 15 핸들러: "Cookie" 22 다이어그램에서 개체 표현 다시 생성자: 코드 재사용, 결과 분석 617 정리 618 조금 더 노력 619 단계별로 Dog.call 호출 620 상속을 잘 활용합니다. .. 내장 객체 확장 626 대통일 이론 총 JavaScript 628 더 나은 삶을 위한 객체 628 모든 것을 하나로 합치기 629 이 책 사용 방법 소개 그들이 JavaScript 프로그래밍에 관한 책에 이것을 포함했다는 것을 믿을 수 없습니다! n y 긴급 답변 m OE e K A ate azd chilli T 이 p에는 cript가 포함되어 있나요? h So a p v So yu na Ja i n va 질문: “ 책에 있는 r i mo 프로그램에 대해 그리고 이 책으로 작업하는 방법 이 책은 누구를 위해 쓰여졌습니까? 다음 질문에 모두 예라고 답한 경우: 1 최신 브라우저가 설치된 컴퓨터에 액세스할 수 있으며 텍스트 에디터 ? 2 모범 사례와 최신 표준을 사용하여 JavaScript 프로그래밍을 배우고, 기억하고, 이해하고, 마스터하고 싶습니까? 3 무미건조하고 지루한 학문적 강의보다 생동감 넘치는 대화를 선호하시나요? ...그렇다면 이 책은 당신을 위한 것입니다. "최신 브라우저"란 Safari, Chrome, Firefox 또는 IE 버전 9 이상의 업데이트된 버전을 의미합니다. [판매 참고사항: 기본적으로 이 책은 돈이 있는 모든 사람을 위한 책입니다.] 이 책은 누구를 위한 책이 아닌가요? 다음 질문 중 하나에 "예"라고 답한 경우: 1 웹 프로그래밍에 대해 전혀 모르십니까? HTML과 CSS를 처음 사용하시나요? 그런 경우에는 HTML, XHTML 및 CSS 학습 책으로 시작하는 것이 가장 좋습니다. 이 책의 도움을 받아 JavaScript를 시작하기 전에 웹 페이지를 만드는 방법을 배울 수 있습니다. 2 이미 숙련된 웹 개발자이며 참고 자료를 찾고 계십니까? 3 새로운 것에 도전하는 것이 두려우신가요? 줄무늬나 체크무늬 옷을 입는 것보다 치과에 가겠습니까? 자바스크립트 객체를 사람으로 묘사하는 책은 진지할 수 없다고 생각하시나요? ...이 책은 당신을 위한 것이 아닙니다. 24 소개 소개 “프로그래밍 책이 정말 그렇게 진지한 걸까?”라고 생각하시는 것이 무엇인지 알고 있습니다. “그런데 여기에 그림이 왜 이렇게 많아요?” “이런 식으로 뭔가를 배울 수 있나요?” 당신의 두뇌는 이것이 중요하다고 생각합니다. 이 경우 뇌는 새로운 경험을 갈망합니다. 그는 끊임없이 검색하고, 분석하고, 특이한 것을 기대합니다. 이런 식으로 설계되어 우리가 생존하는 데 도움이 됩니다. 우리의 두뇌는 모든 평범하고 일상적인 일들을 어떻게 처리합니까? 그는 자신의 실제 작업을 방해하지 않도록 자신을 보호하기 위해 최선을 다해 노력합니다. 정말 중요한 것을 보존합니다. 뇌는 지루한 정보를 유지하는 것이 필요하다고 생각하지 않습니다. “분명히 중요하지 않은 것”을 차단하는 필터를 통과하지 못합니다. 하지만 뇌는 무엇이 중요한지 어떻게 아는가? 산책을 하러 나갔는데 갑자기 호랑이가 눈앞에 나타났다고 상상해 보세요. 머리와 몸에 무슨 일이 일어나고 있나요? 뉴런이 활성화됩니다. 감정이 폭발합니다. 화학반응이 일어납니다. 그러면 당신의 뇌는... 대단하다는 걸 깨닫습니다. 또 다른 613페이지의 건조하고 지루한 페이지입니다. 당신의 두뇌는 아무것도 기억하지 못합니다. 물론 이것은 중요합니다! 잊지 마요! 우리는 할 수 있습니다. 이제 당신이 집이나 도서관, 즉 호랑이가 없는 따뜻하고 아늑한 장소에 있다고 상상해 보십시오. 당신은 공부하고 있습니다 - 시험을 준비하고 있습니다. 또는 일주일에 최대 10일 동안 공부해야 하는 복잡한 기술 주제를 마스터하려고 합니다. 그리고 여기에 문제가 발생합니다. 당신의 두뇌는 당신에게 호의를 베풀려고 노력하고 있습니다. 그는 겉보기에 관련성이 없는 정보에 귀중한 자원이 낭비되지 않도록 노력합니다. 중요한 일에 지출하는 것이 좋습니다. 예를 들어 호랑이. 아니면 불에 닿지 않는 것이 좋습니다. 아니면 티셔츠와 반바지를 입고 스키를 타면 안 된다고요. 아니요 간단한 방법두뇌에게 말하세요: “들어보세요, 두뇌야, 물론 당신에게 감사하지만 이 책이 아무리 지루하더라도, 그리고 내 감정 센서가 이제 0이더라도 여기에 쓰여진 내용을 기억하고 싶습니다.” 더 나아가서� 25는 이 책으로 작업하는 방법을 가르쳐 줍니다. 이 책은 기억하고 싶은 사람들을 위한 것입니다. 그래서”이해하지만“zhn 우물과 al 먹는 것에 대한이게 뭐야? 가장 먼저 탐구해야 할 것은 우리가 무언가를 배우는 방법입니다. 새로운 att에 따르면 아무도 더 많은 fa를 가지고 있지 않습니다. 동화를 위해 그것을 심리학 훈련의 머리에 밀어넣고 gy lo io에 대해 우리는 페이지에서 얼마나 tivistics, kst를 모릅니다. 우리는 지식 분야에 대한 지식이 풍부합니다. 즉, 작동하려면 다른 언어와 달리 더 많은 물질이 필요합니다. JavaScript 코드는 두뇌 st:py 시리즈 Head Fir Fundamentals를 브라우저로 직접 전송하기 위해 전송됩니다. 텍스트 st, 평소보다 더 나은 ka는 시각화에서 lu arm fo로 기억됩니다. 그래픽은 독자의 효율성을 반영하고 웹 서버 Krom "코드 발견, 가져오기" 연구를 크게 증가시킵니다. . 공식 강의에 대한 최근 정보(vmzgo Raozheniya 자료 izlassk 성장 %. omrn 40 tvo 준비 중 zul rete osi에 대한 최종 테스트에서 달성 가능한 강의 개선. rel이 아님 읽기 위해서는 VM, 회색을 먹는다고 믿습니다. 호출 주의를 사용하는 것이 좋습니다: 바쁜 JavaScript 코드 내가 테이블이나 강의에 있는 요소에 배치되거나 강의에 배치되면 당신을 너무 심각하게 끌어들이게 될 것입니다. 이제 당신은 독자이므로 긴장하기 시작할 것입니다. 당신이 그렇지 않은 동안, be man el vni Tatya Chimet의 적극적인 참여 on de oizoy 및 머리 컨볼루션에 더 이상 주의할 것은 없습니다. 결론과 ul rmfo를 숙지하고 문제를 해결하고 연습 문제를 해결하는 데 관심이 있어야 합니다. 이를 위해서는 뇌와 양쪽 반구의 다양한 감각에 대한 까다로운 질문을 해결하는 데 새로운 지식과 참여가 필요합니다. 내 재생 목록 Kick'n Tunes
BT - 위성: 멋진 낙관적인 곡입니다.
아 나. 선생님! 이것은 독자의 관심을 빠르게 끌 것입니다. 나는 이것을 연구하고 싶습니다. 모든 사람에게 다음과 같이 말하는 데 의존하지 않습니다. “나는 아주 잘 압니다. Si iot의 Cirr tua가 그것에 관심을 끌고 있습니다! 아 페이지." 뇌는 나라에서 활발하게 활동하는데, 예상치 못한 일에 처음에는 잠이 든다. 재미있고 지루하기까지 한 이상하고 매력적인 매니아이다. 중간주제를 같은 수준으로 묶을 필요가 없어 공부가 더 빨라집니다. 무엇을 해야 할지 기억하는 능력을 인식하는 것이 훨씬 쉬울 것입니다. 아, 응. 우리는 무관심하지 않다는 것을 알고 있습니다 감정에 호소하는 것은 우리가 살아가는 데 필요한 것입니다. 우리는 아무 것에도 초점을 맞추지 않습니다. 우리는 말하고 있으며 여기서 말하는 감정에 따라 다릅니다. 아니, 상팀은 정말 멋진 것 같아요!” 우리가 언제인지 결정할 때 우리는 “딘, 당신이 그런 감정을 이해한다는 사실에 놀랐지만 체체스키 부서를 둘러싼 작업을 계산할 것으로 기대합니다. 다 아는 기술 분야의 밥이 더 좋고, 주제가 더 좋다 26 소개 소개 메타인지: 사고의 과학 정말로 새로운 지식을 더 빠르고 깊게 흡수하고 싶다면 자신이 어떻게 생각하는지 생각해 보세요. 배우는 법을 배우십시오. 우리 중 연구 중에 메타인지 이론을 연구하는 사람은 거의 없습니다. 우리는 배워야 하지만 이것을 거의 배우지 않습니다. 이제 어떻게 내 뇌가 이 모든 것을 기억하도록 만들 수 있을까?... 하지만 당신이 이 책을 읽고 있으므로 아마도 JavaScript로 프로그램을 작성하는 방법을 가능한 한 빨리 배우고 싶을 것입니다. 당신은 읽은 내용을 기억하고 싶어하며, 그러기 위해서는 먼저 읽은 내용을 이해하는 것이 절대적으로 필요합니다. 학습 과정을 최대한 활용하려면 두뇌가 인식하도록 훈련해야 합니다. 신소재뭔가 중요한 것 같은. 당신의 존재에 매우 중요합니다. 호랑이만큼 중요합니다. 그렇지 않으면 새로운 정보를 기억하지 않으려고 최선을 다하는 두뇌와의 끝없는 투쟁에 직면하게 될 것입니다. JavaScript 프로그래밍이 호랑이만큼 중요하다는 것을 뇌에 어떻게 확신시킬 수 있을까요? 느리고 지루한 방법이 있고, 빠르고 효과적인 방법이 있습니다. 첫 번째는 지루한 반복을 기반으로 합니다. 가장 지루한 정보라도 반복해서 반복하면 기억될 수 있다는 것은 누구나 알고 있습니다. 충분히 반복하면 뇌는 "사소한 것 같지만 같은 일이 너무 많이 반복되니까... 알았어, 확신했어."라고 생각합니다. 빠른 방법은 뇌 활동 증가, 특히 다양한 유형의 조합을 기반으로 합니다. 이전 페이지에 나열된 모든 요소는 두뇌 활동에 도움이 되는 것으로 입증되었습니다. 예를 들어, 연구에 따르면 캡션, 본문 텍스트 등이 아닌 그림 안에 단어를 배치하면 뇌가 텍스트와 그래픽 간의 연결을 분석하여 활성화됩니다. 더 뉴런. 뉴런이 많을수록 해당 정보가 중요하고 기억할 가치가 있는 것으로 간주될 확률이 높아집니다. 대화 스타일도 중요합니다. 사람들은 일반적으로 대화의 흐름을 따라가고 자신의 의견을 표현해야 하기 때문에 대화에 참여할 때 더 많은 주의를 기울입니다. 더욱이, 뇌는 당신이 책과 "대화"하고 있다는 사실에 전혀 관심이 없습니다! 반면에 텍스트가 건조하고 형식적이라면 뇌는 수동적인 참가자로서 지루한 강의에서 느끼는 것과 같은 느낌을 받게 됩니다. 그는 졸려진다. 하지만 그림과 대화 스타일은 시작에 불과합니다. 추가� 27 이 책으로 작업하는 방법 우리가 한 일은 다음과 같습니다. 뇌가 텍스트보다 그래픽을 더 잘 인식하기 때문에 그림을 사용했습니다. 뇌의 관점에서 볼 때, 그림 한 장은 1,024 단어의 가치가 있습니다. 그리고 텍스트가 그래픽과 결합되면 텍스트를 그림에 직접 삽입하므로 두뇌가 더욱 효율적으로 작동합니다. 우리는 중복성을 사용합니다. 동일한 내용을 여러 번 반복하고, 정보를 전달하는 다양한 수단을 사용하고, 다양한 감각에 호소하는 등 모두 자료가 뇌의 여러 영역에서 인코딩될 가능성을 높이기 위한 것입니다. 개 프로토타입 종: "Canine" bark() run() wag() ShowDog 프로토타입 리그: “Webville” stack() bait() gait() Groom() ShowDog 이름: “Scotty” 품종: “Scottish Terrier” 체중: 15 handler: “Cookie” 우리는 두뇌가 새로운 정보를 더 잘 처리하기 때문에 다소 예상치 못한 방식으로 개념과 그림을 사용합니다. 또한 뇌는 감정의 생화학에 주의를 기울이기 때문에 그림과 아이디어에는 일반적으로 감정적인 내용이 포함됩니다. 농담, 놀라움, 관심 등 우리를 기분 좋게 만드는 것이 더 잘 기억됩니다. 수동적으로 강의를 듣는 것보다 대화에 참여할 때 뇌가 정보를 더 잘 처리하기 때문에 대화 스타일을 사용합니다. 읽을 때도 이런 일이 발생합니다. 이 책에는 당신이 어떤 일을 할 때 뇌가 더 잘 기억하기 때문에 수많은 연습 문제가 포함되어 있습니다. 우리는 도전적이면서도 흥미롭게 만들기 위해 노력했습니다. 이는 대부분의 독자들이 선호하는 것입니다. 일부 독자는 단계별 설명을 선호하고, 다른 독자는 "큰 그림"을 먼저 파악하고 싶어하고, 다른 독자는 코드 조각만 필요하기 때문에 여러 학습 스타일을 결합했습니다. 개인적인 선호도에 관계없이 동일한 자료를 발표하기 위한 여러 옵션을 보는 것이 도움이 됩니다. 우리는 뇌의 양쪽 반구를 모두 사용하려고 노력했습니다. 이렇게 하면 자료를 학습할 가능성이 높아집니다. 뇌의 한쪽이 작동하는 동안 다른 쪽은 종종 휴식을 취할 기회를 갖습니다. 이는 장기간에 걸쳐 학습 효율성을 향상시킵니다. 이 책에는 다른 관점을 반영하는 이야기와 연습도 포함되어 있습니다. 뇌는 평가하고 판단해야 할 때 정보를 더 깊이 흡수합니다. 책에는 항상 쉽게 대답할 수 없는 질문들이 종종 있습니다. 왜냐하면 뇌는 무언가를 해야 할 때 더 빨리 배우고 기억하기 때문입니다. 다른 사람의 운동을 보고 근육을 키우는 것은 불가능합니다. 하지만 독자님들의 노력이 올바른 방향으로 이루어질 수 있도록 노력하겠습니다. 혼란스러운 예를 들어 머리를 복잡하게 만들거나 가짜, 전문 용어가 많거나 지나치게 간결한 텍스트를 헤쳐 나갈 필요가 없습니다. 이야기, 예, 그림에는 사람이 있습니다. 왜냐하면 당신도 사람이기 때문입니다. 그리고 당신의 두뇌는 무생물보다 사람에게 더 많은 관심을 기울입니다. 우리는 80/20 원칙을 사용합니다. 당신이 뛰어난 자바스크립트 개발자가 되려면 이 책만으로는 성공할 수 없습니다. 여기서 우리는 모든 것에 대해 이야기하려고 하지 않고 실제로 필요한 것에 대해서만 이야기하려고 합니다. 28 소개 브라우저 되기 핵심 포인트 퍼즐 소개 두뇌가 순종하도록 하기 위해 할 수 있는 일 우리는 할 일을 마쳤습니다. 나머지는 당신에게 달려 있습니다. 이 팁이 출발점이 될 것입니다. 당신의 두뇌에 귀를 기울이고 무엇이 당신에게 적합하고 무엇이 당신에게 적합하지 않은지 결정하십시오. 새로운 것을 시도해보세요. 잘라서 냉장고에 붙여주세요. 1 천천히 시간을 가지세요. 더 많이 이해할수록 기억할 필요가 줄어듭니다. 6 단지 읽는 것만으로는 충분하지 않습니다. 책에서 질문을 하면 성급하게 대답하지 마세요. 누군가가 실제로 당신에게 질문을 한다고 상상해 보세요. 두뇌가 더 깊이 생각할수록 내용을 더 빨리 이해하고 기억할 수 있습니다. 7 2 연습하고 메모하세요. 우리는 책에 연습문제를 포함시켰지만 여러분을 위해 연습하지는 않을 것입니다. 그리고 연습문제를 보지 마세요. 연필을 들고 글을 쓰세요. 운동 중 신체 활동은 효과를 증가시킵니다. 3 사이드바를 읽어보세요. 4 다른 책은 읽지 말고, 이 책은 자기 전에 옆에 놓아두세요. 5 물을 마신다. 그리고 더. 뇌는 습도가 높은 환경에서 가장 잘 작동합니다. 탈수(갈증을 느끼기도 전에 발생할 수 있음)는 인지 기능을 저하시킵니다. 말은 뇌의 다른 부분을 활성화시킵니다. 더 나은 것을 이해하거나 기억하려고 노력하고 있다면 큰 소리로 말해보세요. 더 나은 방법은 다른 사람에게 설명해 보는 것입니다. 당신은 자료를 더 빨리 배우고 아마도 새로운 것을 발견할 것입니다. 당신의 두뇌에 귀를 기울이십시오. 언제 뇌가 피곤해지기 시작하는지 알아보세요. 자료를 피상적으로 인식하기 시작하거나 방금 읽은 내용을 잊어버리면 휴식을 취해야 할 때입니다. 8 느껴보세요! 9 창조하라! 즉, 모든 것을 읽으십시오. 사이드바는 주요 자료의 일부입니다! 놓치지 마세요. 학습의 일부(특히 정보를 장기 기억으로 전환하는 과정)는 책을 덮은 후에 발생합니다. 당신의 두뇌는 정보를 즉시 흡수하지 않습니다. 처리 중에 새로운 정보가 들어오면 이전에 배운 내용 중 일부가 손실될 수 있습니다. 큰 소리로 말해보세요. 당신의 두뇌는 책에 나오는 내용이 정말 중요하다는 것을 알아야 합니다. 우리 이야기의 영웅에 대해 걱정하십시오. 사진에 대한 자신만의 캡션을 생각해 보세요. 나쁜 농담에 눈살을 찌푸리는 것이 아무것도 느끼지 않는 것보다 낫습니다. 일상 업무에 새로운 지식을 적용해 보십시오. 연습 외에 실질적인 경험을 쌓을 수 있는 일을 하세요. 필요한 것은 연필과 올바른 작업뿐입니다. JavaScript를 사용하면 이점을 얻을 수 있는 작업입니다. 10 수면. 프로그래밍을 배우려면 뇌에 새로운 연결을 많이 만들어야 합니다. 더 자주 자면 유용합니다. 추가� 29 이 책으로 작업하는 방법 참고 이 책은 참고서가 아닌 교과서입니다. 귀하가 작업 중인 자료에 방해가 될 수 있는 내용을 책에서 의도적으로 제거했습니다. 그리고 처음으로 책을 읽을 때는 처음부터 시작해야 합니다. 책은 독자가 특정 지식과 경험을 가지고 있다고 가정하기 때문입니다. 우리는 JavaScript의 좋은 측면을 설명하고 나쁜 측면에 대해 경고합니다. JavaScript 프로그래밍 언어는 학계에서 탄생하지 않았으며 계몽된 동료 평가를 거치지 않았습니다. 그는 필요에 의해 이 세상에 왔고 초기 브라우저의 열악한 환경에서 자랐습니다. 주의하세요: JavaScript에는 많은 장점이 있지만 그다지 좋지 않은 다른 측면도 있습니다. 그러나 전반적으로 JavaScript는 지능적으로 사용하는 방법을 아는 사람들에게 훌륭한 언어입니다. 이 책에서는 좋은 점을 효과적으로 활용하는 방법을 알려주고, 발생할 수 있는 함정을 지적하고, 이를 피하는 최선의 방법도 조언해 드립니다. 우리는 언어의 모든 측면을 자세히 설명하려고 하지 않습니다. JavaScript는 상당히 광범위한 주제입니다. 이 책은 참고서로 간주되어서는 안 됩니다. 이 튜토리얼은 JavaScript에 대해 배우기 위한 모든 것을 다루지는 않습니다. 우리는 당신이 오래된 참고서를 가지고 JavaScript로 원하는 것을 무엇이든 할 수 있도록 JavaScript의 기초를 가르치고 싶습니다. 이 책은 가르친다. 자바스크립트를 사용하여브라우저에서. 브라우저는 JavaScript 코드를 실행하기 위한 가장 일반적인 환경일 뿐만 아니라 가장 편리합니다(모든 사람이 텍스트 편집기와 브라우저가 있는 컴퓨터를 가지고 있으며 JavaScript를 시작하는 데 더 이상 아무것도 필요하지 않습니다). 브라우저에서 JavaScript를 실행한다는 것은 즉각적인 응답을 의미합니다. 작성한 코드가 어떻게 작동하는지 보려면 웹페이지를 다시 로드하기만 하면 됩니다. 이 책은 잘 구조화되고 읽기 쉬운 코드 작성을 권장합니다. 코드는 다른 사람이 읽고 이해할 수 있는 방식으로 작성되어야 하며, 내년에 출시될 브라우저에서도 작동해야 합니다. 작업을 완료하고 다른 작업으로 넘어갈 수 있도록 가능한 한 간단하고 간단해야 합니다. 이 책에서는 미래의 변화에 적응할 수 있는 간단하고 잘 구조화된 코드, 즉 자랑스러워할 수 있고 액자에 담아 벽에 걸 수 있는 코드를 작성하는 방법을 가르쳐 줄 것입니다. 다른 브라우저를 사용하는 것이 좋습니다. 표준 기반 JavaScript 작성 방법을 가르치는 동안 JavaScript가 브라우저에 따라 해석되는 방식에 약간의 차이가 있을 수 있습니다. 여기에 있는 코드가 모든 최신 브라우저에서 작동하는지 확인하고 코드가 해당 브라우저에서 지원되는지 확인하는 몇 가지 요령도 보여 드리겠습니다. 몇 가지 브라우저를 선택하고 JavaScript 코드를 테스트하는 것이 좋습니다. 그들 안에. 이렇게 하면 브라우저 간의 차이점을 확인하고 일관된 결과로 다양한 브라우저에서 잘 작동하는 JavaScript 코드를 만드는 방법을 배울 수 있습니다. 30 소개 소개 프로그래밍은 진지한 사업입니다. 당신은 일해야 할 것입니다. 때로는 꽤 열심히 일해야합니다. 이미 경험이 있다면 실용적인 프로그래밍, 그렇다면 우리가 무슨 말을 하는지 아실 겁니다. HTML, XHTML, CSS를 배운 후 이 책을 선택했다면 여기서 작성하게 될 코드가 약간 달라 보인다는 점을 기억하세요. 프로그래밍에는 특별한 사고방식이 필요합니다. 그것은 논리적이고 때로는 극도로 추상적이고 알고리즘적입니다. 걱정하지 마십시오. 우리는 학습 과정이 귀하의 두뇌에 최대한 즐거운 시간을 줄 수 있도록 노력할 것입니다. 점차적으로 움직이고, 잘 먹고, 더 많이 자면 새로운 개념이 머리에 들어맞을 것입니다. 운동은 필수입니다. 연습문제는 책의 주요 자료의 일부입니다. 일부 연습은 자료를 암기하는 데 도움이 되고, 다른 연습은 자료를 더 잘 이해하는 데 도움이 되며, 다른 연습은 내용에 집중하는 데 도움이 됩니다. 실제 사용. 운동을 건너 뛰지 마십시오. 반복은 의도적인 것입니다. 이 시리즈의 책에는 한 가지 근본적인 특징이 있습니다. 즉, 여러분이 내용을 잘 이해하기를 바랍니다. 그리고 당신이 배운 모든 것을 기억할 수 있도록. 대부분의 참고서는 성공적인 암기에 초점을 맞추지 않지만, 이 책은 참고서가 아니라 교과서이기 때문에 일부 개념은 책에서 여러 번 제시됩니다. 예제는 최대한 간결하게 만들어졌습니다. 우리 독자들은 정말 중요한 두 줄을 찾기 위해 예제에서 200줄의 코드를 살펴보는 것을 좋아하지 않습니다. 이 책의 예제 대부분은 학습하는 부분을 간단하고 명확하게 유지하기 위해 가능한 한 적은 맥락으로 제공됩니다. 모든 예제가 잘 디버깅되거나 끝까지 완료될 것이라고 기대하지 마십시오. 예제는 교육 목적으로 만들어졌으며 항상 전체 기능을 갖춘 것은 아닙니다. 모든 예제 파일은 인터넷에서 사용할 수 있습니다. http://wickedlysmart.com/hfjs에서 찾을 수 있습니다. 마인드 게임 연습에는 답이 없습니다. 그 중 일부에는 정답이 전혀 없고, 다른 경우에는 답변이 얼마나 정확한지 스스로 결정해야 합니다(이것은 학습 과정의 일부입니다). 일부 마인드 게임 연습은 올바른 방향을 찾는 데 도움이 되는 힌트를 제공합니다. 추가� 31 이 책으로 작업하는 방법 우리는 마크업 없이 코드만 제공하는 경우가 많습니다. 처음 두 장 이후에는 JavaScript 코드만 제공하는 경우가 많습니다. HTML 마크업. 아래는 간단한 페이지책의 대부분의 코드와 함께 사용할 수 있는 HTML입니다. 어딘가에 다른 HTML 마크업을 사용해야 하는 경우 다음과 같이 알려드립니다. 귀하의 HTML 페이지 귀하의 JavaScript 코드는 일반적으로 여기에 위치합니다. 모든 웹페이지 내용은 여기에 게시됩니다. 걱정 하지마; 책의 시작 부분에서 모든 것을 설명하겠습니다. 코드 예제, 지원 및 토론 필요한 모든 지원 자료는 http://wickedlysmart.com/hfjs에서 확인할 수 있습니다. 코드 예제와 비디오를 포함한 추가 자료가 여기에 게시되어 있습니다. 32 소개 소개 이 사람들은 훌륭한 사람들입니다. 그들은 검토 과정 전반에 걸쳐 우리와 함께 있었고 귀중한 정보를 공유했습니다. 자세한 정보 모든 것에 대해! St Jeff Ismael Martin Bing Demiddel의 과학 편집자 Frank D. Moore Alfred J. Speller Bruce Forkush Javi e Ruedas 독보적인 리뷰 팀의 모든 분들께 감사드립니다! 이 책은 이전의 어떤 책보다 더 엄격한 동료 검토를 거쳤습니다. WickedlySmart Insiders 프로그램에 참여한 270명 이상의 사람들이 책이 쓰여진 대로 교정하고 빠른 비평을 제공했습니다. 시스템은 우리가 예상했던 것보다 더 잘 작동했고 책의 거의 모든 측면에 영향을 미쳤습니다. 모든 참가자에게 진심으로 감사드립니다. 덕분에 책이 전보다 훨씬 좋아졌습니다. 위에 사진에 나온 학술 편집자들은 특히 귀중한 정보를 제공했으며 이 책에 상당한 공헌을 했습니다. 그 외에도 Galina Orlova, J. Patrick Kelly, Klaus-Peter Kahl, Rob Cleary, Rebecca Dunn-Kran, Olaf Schoenrich, Jim Kupec, Matthew M. Hanrahan, Russell Allyn-Willems, Christine J. Wilson, Louis-Philippe Breton, Timo Glaser, Charmaine Grey, Lee Beckham, Michael Murphy, Dave Young, Don Smallidge, Alan Rusiak, Eric R. Lisinski, Brent Fazekas, Sue Starr, Eric (Orange Pants) Johnson, Jess Palmer, Manabu Kawakami, Alan McIvor, Alex Kelly, Yvonne Bixel Truon, Austin Troup, Tim Williams, J. Albert Bowden II, Rod Shelton, Nancy DeHaven Hall, Sue McGee, Francisco Debs, Miriam Berkland, Christine Grecco, Elhadji Barry, Athanasios Valsamakis, Peter 케이시, 더스틴 월럼, 롭 케리. 자세한 내용� 검토 팀 33개 감사의 말* 친애하는 David Powers 존경하는 과학 편집자 David Powers에게도 깊은 감사를 드립니다. 사실, 우리는 David의 도움 없이는 글을 전혀 쓰지 않습니다. 그는 잠재적인 문제로부터 우리를 여러 번 구해주었습니다. David는 책이 더 의미 있고 기술적으로 정확하도록 우리를 돕습니다(또는 오히려 우리에게 강요합니다). 아마추어 코미디언으로서의 그의 두 번째 직업은 우리가 책의 시시한 부분을 쓸 때 유용합니다. David에게 다시 한 번 감사드립니다. 당신은 진정한 전문가이시며 책이 기술 검토를 통과했다는 사실을 알고 밤에 잠을 더 잘 잘 수 있습니다. O'Reilly에게: 이 Don't Let That Smile Fool You 책의 길을 닦고 모든 혼란을 없애준 편집자 Megan Blanchett에게 크나큰 감사를 드립니다. 이 사람은 장애물이자 진정한 전문가입니다. 인내심을 갖고 기다렸으며 완성을 위해 가족의 여가를 희생했습니다. 이는 또한 O'Reilly(및 O'Reilly와 우리와의 관계)와의 관계에서 제정신을 유지하는 데 도움이 됩니다. 우리는 당신을 존경하며 함께 다음 프로젝트를 기대하고 있습니다! Megan Blanchett 처음부터 이 책을 적극적으로 홍보해 온 편집장 Mike Hendrickson에게 또 다른 친절한 인사를 전합니다. 고마워요 마이크; 여러분의 참여가 없었다면 우리 책은 한 권도 출판되지 않았을 것입니다. 당신은 10년 넘게 우리의 리더였으며 우리는 당신을 사랑합니다! *많은 수의 감사의 글에 대한 설명은 간단합니다. 감사의 글 섹션에 언급된 모든 사람이 친척과 친구를 위해 적어도 한 권의 책(또는 그 이상)을 구입할 것이라는 이론을 테스트하고 있습니다. 다음 책에서 감사 인사를 전하고 싶고 대가족이 있다면 글을 쓰세요. 34 서문 Mike Hendrickson O'Reilly 기고자 소개: O'Reilly 팀 전체에 진심으로 감사드립니다. 이 책을 집필한 Melanie Yarbrough, Bob Pfahler 및 Dan Foxsmith; 마케팅을 주도한 Ed Stevenson, Hugett Barrier 및 Leslie Crandell은 이들의 혁신적인 접근 방식을 높이 평가했습니다. 스타일리쉬한 표지 디자인을 제공해주신 Ellie Volkhakusen, Randy Kamer, Karen Montgomery에게 감사드립니다. 언제나 그렇듯이, 타협하지 않는 편집을 해주신 Rachel Monahan(그리고 그녀가 우리를 격려한 방식)과 매우 유용한 피드백을 주신 Bert Bates에게 감사드립니다. more� 35 자바스크립트를 처음 접한 사람 1명 낯선 바다에서 타세요, 물이 정말 좋아요! JavaScript에 대한 기본적인 소개를 하고, 첫 번째 코드를 작성하고, 실행하고, 브라우저에서 어떻게 실행되는지 살펴보겠습니다! JavaScript는 환상적인 가능성을 열어줍니다. World Wide Web의 기본 프로그래밍 언어인 JavaScript를 사용하면 웹 페이지의 고급 동작을 정의할 수 있습니다. 화면 공간만 차지하는 건조하고 지루하며 정적인 페이지는 잊어버리세요. JavaScript를 사용하면 사용자와 상호 작용하고, 이벤트에 응답하고, 인터넷에서 데이터를 검색 및 사용하고, 그래픽을 표시하는 등 다양한 작업을 수행할 수 있습니다. JavaScript에 대한 지식이 있으면 페이지에 완전히 새로운 동작을 프로그래밍할 수도 있습니다. 그리고 당신의 지식이 요구될 것이기 때문에 안심하십시오. JavaScript는 이제 가장 인기 있는 프로그래밍 언어 중 하나일 뿐만 아니라 모든 최신(그리고 많은 비현대적) 브라우저에서도 지원됩니다. 또한 브라우저와 별도로 존재하는 JavaScript 구현이 내장되어 있습니다. 하지만 이야기는 충분합니다. 이제 사업을 시작할 시간입니다! javascript 작동 방법 JavaScript 작동 방법 웹 페이지의 구조, 콘텐츠, 레이아웃 및 스타일 생성을 마스터했습니다. 이제 그들에게 행동을 추가할 때가 아닌가? 요즘은 보기만 할 수 있는 페이지는 누구에게도 관심이 없습니다. 좋은 페이지는 역동적이고 대화형이어야 하며 새로운 방식으로 사용자와 상호 작용해야 합니다. 이것이 바로 JavaScript의 목적입니다. 먼저, JavaScript가 웹 페이지 생태계에 적합한 위치를 살펴보겠습니다. HTML HTML(Hypertext Markup Language)이 페이지의 내용은 물론 페이지의 구조(단락, 제목 및 섹션)를 정의하는 데 사용된다는 것을 이미 알고 있습니다. JS 38 1장 CSS 브라우저 계단식 테이블 기술이 HTML 마크업을 표시하는 데 사용된다는 것을 알고 계실 것입니다. CSS 스타일(캐스케이딩 스타일 시트) - 색상, 글꼴, 테두리, 페이지 레이아웃... CSS는 페이지 구조와 별개의 디자인 스타일을 정의합니다. HTML과 CSS의 사촌격인 JavaScript를 만나보세요. JavaScript는 웹페이지의 동작을 정의할 수 있습니다. 사용자가 "30초 후에 판매 종료!" 버튼을 클릭하면 반응해야 합니까? 중요한 데이터가 포함된 텍스트 필드의 내용을 빠르게 확인하시겠습니까? Twitter에서 메시지를 다운로드하여 페이지에 표시하시겠습니까? 아니면 놀고 싶나요? JavaScript가 구출됩니다. 계산을 수행하고, 이벤트에 반응하고, 그리기, 데이터 전송, 신호, 정보 업데이트, 변경 등을 수행하는 프로그램 코드를 페이지에 추가할 수 있습니다. 즉, 모든 동적 작업(JavaScript)이 이 모든 작업을 수행할 수 있습니다. JavaScript에 대한 첫 소개 JavaScript 코드 작성 방법 JavaScript는 프로그래밍 세계에서 특별한 위치를 차지합니다. 전형적인 클래식 프로그램은 어떻게 구성되나요? 코드를 작성하고, 컴파일하고, 링크한 후 컴퓨터에 설치합니다. JavaScript 언어는 훨씬 더 유연하고 동적입니다. 프로그래머는 JavaScript 코드를 페이지에 직접 삽입한 다음 이를 브라우저에 로드합니다. 다음으로, 브라우저 자체는 작성된 코드를 실행하는 데 필요한 모든 작업을 수행합니다. 이 체계가 어떻게 작동하는지 자세히 살펴보겠습니다. CSS Icecream var x = 49; 아이스크림 맛 49가지 맛
당신이 좋아하는 모든 맛!
코드 작성 1 HTML 콘텐츠와 CSS 스타일을 사용하여 평소와 같이 페이지가 생성됩니다. JavaScript 코드가 페이지에 추가됩니다. 곧 알게 되겠지만, HTML 및 CSS와 마찬가지로 모든 구성 요소를 하나의 파일에 넣을 수도 있고, JavaScript 코드를 페이지에 포함된 별도의 파일로 분리할 수도 있습니다. 어떤 방법이 더 나은지 곧 알게 될 것입니다... 브라우저 브라우저 로드 실행 2 브라우저에서 페이지를 엽니다. 페이지에서 JavaScript 코드를 감지하면 브라우저는 즉시 이를 구문 분석하고 실행 준비를 시작합니다. HTML 및 CSS와 마찬가지로 브라우저가 JavaScript에서 오류를 발견하면 JavaScript, HTML 및 CSS를 계속 읽으려고 시도합니다. 브라우저는 사용자가 요청한 페이지를 볼 수 없는 상황을 피하려고 합니다. 미래를 위해 브라우저는 JavaScript 코드에서 사용할 수 있는 HTML 페이지의 "객체 모델"을 구축합니다. 이 사실만 기억하세요. 나중에 다시 다루겠습니다... 3 브라우저는 코드를 발견하자마자 실행을 시작하고 페이지가 존재하는 동안 계속해서 코드를 실행합니다. 이전 버전과 달리 최신 JavaScript는 매우 효율적이며 정교한 컴파일 기술 덕분에 코드가 기존 프로그래밍 언어만큼 빠릅니다. html 머리 제목 본문 스크립트 h1 h2 pe em 다음 4 39 페이지에 JavaScript 포함 페이지에 JavaScript 코드를 포함하는 방법 처음부터 시작하겠습니다. JavaScript 학습을 진행하려면 페이지에 코드를 포함하는 방법을 알아야 합니다. 이것은 어떻게 이루어 집니까? 물론, 요소를 사용합니다! 지루한 오래된 웹 페이지를 가져와서 . 요소에 포함된 내용의 의미에 대해 생각할 필요는 없지만 일반적으로 JavaScript가 작동하는 방식을 이해하는 것이 더 중요합니다. 표준 HTML5 문서 유형 헤더, 요소 및 . 요소는 매우 전통적으로 보입니다. 그냥 일반 페이지 스크립트 요소가 페이지 섹션에 추가됩니다. setTimeout(wakeUpUser, 5000); function wakeUpUser() ( ) Alert("이 지루한 페이지를 영원히 쳐다볼 건가요?"); JavaScript 코드의 일부를 기록합니다. 일반적인 제목입니다. 다시 한 번 말씀드리지만, 이제 이 코드가 어떻게 작동하는지는 중요하지 않습니다. 그런데... 그것을 보고 각 줄에서 무슨 일이 일어나고 있는지 추측해보세요.여기서는 읽을 내용이 많지 않습니다. 나는 "나는 JavaScript 책의 예에 살고 있는 필수 문단일 뿐입니다. 나는 내 인생을 더 흥미롭게 만들 무언가를 찾고 있습니다."
테스트 드라이브 페이지 코드를 입력하고 “behavior.html”이라는 파일에 저장합니다. 이제 브라우저에 페이지를 로드합니다(파일을 브라우저 창으로 드래그하거나 파일 > 열기 명령 사용). 우리 코드는 무엇을 하는가? 힌트: 이를 알아내려면 5초 정도 기다려야 합니다. 40 chapter 1 javascript 시작하기 RELAX 아마도 다른 곳에서 사용할 수 있는 코드를 작성하고 이를 "wakeUpUser"라고 부르고 있습니까? SJ 걱정하지 마세요. 어린 시절부터 JavaScript를 알고 있었던 것처럼 즉시 JavaScript를 이해하기 시작할 것이라고 기대하는 사람은 없습니다. 지금은 JavaScript가 어떤 것인지 상상하는 것만으로도 충분합니다. 긴장을 풀어서는 안 됩니다. 최대 성능으로 작동하려면 두뇌가 필요합니다. 이전 페이지의 코드를 기억하시나요? 각 줄에서 무슨 일이 일어나는지 추측해 봅시다. - 이런 식으로 setTimeout(wakeUpUser, 5000)을 계산합니다. 여기서 몇 초입니까? 힌트: Unda가 지지하고 있습니다. function wakeUpUser() ( 1000 밀리초 = 1 초 ) Alert("이 지루한 페이지를 영원히 쳐다볼 건가요?"); 여기에서는 모든 것이 명확합니다. 사용자에게 메시지가 표시됩니다. 자주 Q: 자주 묻는 질문 Q: A: "장난감 언어"라고 불리는 JavaScript를 들었습니다. 이것이 사실입니까? 내 친구는 Photoshop에서 JavaScript를 사용하여 작업합니다...라고 그는 말합니다. 이것이 가능한가? JavaScript는 초기에는 별로 강력하지 않았지만 그 중요성이 커졌고 상당한 리소스(최고의 사람들의 마음을 포함하여)가 JavaScript의 기능을 확장하는 데 전념했습니다. 하지만 그거 알아요? JavaScript가 너무 빠르기 전에도 훌륭했습니다. 그리고 곧 알게 되겠지만, 이 앱으로 많은 흥미로운 일을 할 수 있습니다. 예, JavaScript는 범용 스크립팅 언어이며 그래픽 편집기에서 음악 프로그램, 심지어 서버측 프로그래밍 영역까지 다양한 응용 프로그램에 적용되고 있습니다. A: Q: A: JavaScript는 Java와 어떤 관련이 있습니까? 이름으로만. JavaScript 언어는 Java의 인기가 최고조에 달했을 때 만들어졌고 JavaScript 개발자는 이러한 상황을 활용했습니다. 두 언어 모두 C 언어 계열의 일부 구문 요소를 차용했지만 그 외에는 공통점이 거의 없습니다. Q: 그러면 JavaScript가 동적 페이지를 만드는 가장 좋은 방법인가요? 플래시 기반 솔루션은 어떻습니까? A: Flash가 대화형의 보다 동적인 웹 페이지를 만들기 위해 선택되는 기술로 간주되었던 때가 있었습니다. 그러나 그 이후로 업계는 분명히 JavaScript를 사용하여 HTML5 표준으로 전환하기 시작했습니다. 그리고 HTML5를 통해 JavaScript는 이제 웹 프로그래밍을 위한 표준 스크립팅 언어가 되었습니다. 현재 JavaScript의 속도와 효율성을 향상시키는 것뿐만 아니라 브라우저의 기능을 확장하는 JavaScript API를 만드는 데 상당한 노력과 비용이 지출되고 있습니다. Q: 다른 많은 언어도 컴파일된다고 하더군요. 그것이 무엇이며 왜 JavaScript에는 없나요? A: C, C++ 또는 Java와 같은 전통적인 프로그래밍 언어에서는 코드가 실행되기 전에 컴파일됩니다. 컴파일 프로세스는 코드를 기계가 읽을 수 있는(그리고 일반적으로 속도에 최적화된) 표현으로 변환합니다. 스크립팅 언어는 해석됩니다. 즉, 브라우저는 JavaScript의 각 줄을 발견하자마자 실행합니다. 스크립팅 언어의 경우 런타임 성능은 그다지 중요하지 않습니다. 그들은 프로토타입 제작에 더 집중하고, 대화형 프로그래밍 최대한의 유연성으로. 이는 JavaScript의 초기 버전의 경우였으며 이러한 이유로 코드 실행 속도는 수년 동안 상당히 평범했습니다. 그러나 중간 옵션, 즉 즉석에서 컴파일되는 해석 언어가 있었습니다. 최신 JavaScript 구현을 위해 브라우저 개발자가 선택했습니다. 기본적으로 JavaScript를 사용하면 스크립팅 언어의 모든 편리함과 컴파일된 언어의 속도가 결합됩니다. 그런데 이 책에는 '해석하다', '계산하다', '실행하다'라는 단어가 자주 등장한다. 상황에 따라 의미가 다를 수 있지만 우리의 목적에 있어서는 사실상 동일합니다. 더보기 4 41 javascript 역사 JavaScript, 당신은 먼 길을 걸어왔습니다... JavaScript 1.0 Netscape를 기억하지 못할 수도 있지만 Netscape는 최초의 실제 브라우저 개발자였습니다. 1990년대 중반 시장은 경쟁이 치열했고(특히 Microsoft의 경우) 브라우저에 새롭고 흥미로운 기능을 추가하는 것이 매우 중요했습니다. 이를 달성하기 위해 Netscape는 누구나 페이지에 스크립트 코드를 포함할 수 있는 스크립트 언어를 만들었습니다. LiveScript는 이렇게 탄생했습니다. Sun Microsystems가 Java 언어를 출시하고 그 주가가 폭등했기 때문에 LiveScript에 대해 들어본 적이 없을 가능성이 높습니다. 다른 사람의 성공을 활용해 보는 것은 어떨까요? 이것이 LiveScript가 JavaScript가 된 방법입니다. 이 언어들에는 공통점이 없나요? 그렇다면... Microsoft는 어떻습니까? Netscape 이후 곧 그녀는 JScript라고 불리는 자신만의 스크립트 언어를 만들었습니다. 의심스러울 정도로 JavaScript와 비슷해 보였습니다. 그리하여 브라우저 전쟁이 시작되었습니다. 1995 42 chapter 1 JavaScript 1.3 1996년부터 2000년까지 JavaScript 언어는 계속해서 발전했습니다. Netscape는 표준화를 위해 JavaScript를 넘겨주었습니다. 그리하여 ECMAScript가 탄생했습니다. ECMAScript에 대해 들어본 적이 없나요? JavaScript의 모든 구현(브라우저 및 비브라우저)에 대한 표준 언어 정의라는 점만 알아두세요. 이 기간 동안 JavaScript의 사용이 더욱 널리 보급되었지만 개발자들은 계속해서 JavaScript로 인해 어려움을 겪었습니다(브라우저 전쟁이 본격화되었습니다). JavaScript와 JScript의 미묘한 차이가 계속해서 개발자의 삶을 괴롭히는 동안 두 언어는 시간이 지남에 따라 점점 더 유사해졌습니다. JavaScript는 여전히 "아마추어를 위한 언어"라는 명성을 갖고 있었지만 곧 바뀔 것입니다... 2000 JavaScript 1.8.5 마침내 JavaScript가 성년이 되어 전문 개발자들의 인정을 받았습니다! 어떤 사람들은 이것이 현재 모든 최신 브라우저에서 구현되는 강력한 표준(예: ECMAScript 5)의 출현 때문이라고 말할 수도 있지만 실제로 Google은 JavaScript를 전문 분야로 가져오는 데 중요한 역할을 했습니다. 2005년에 Google 지도는 동적 웹페이지를 만들 때 JavaScript가 무엇을 할 수 있는지를 세상에 보여주었습니다. 프로그래밍 분야 최고의 인재들이 JavaScript 인터프리터를 개선하고 코드 실행 속도를 높이기 위해 노력했습니다. 구문은 일반적으로 JavaScript가 발전하는 과정에서 거의 변경되지 않았습니다. 탄생을 둘러싼 온갖 소란에도 불구하고 JavaScript는 강력하고 표현력이 풍부한 언어임이 입증되었습니다. 2012년 JavaScript를 처음 접함 연필을 손에 쥐고 JavaScript 코드 작성이 얼마나 쉬운지 확인하십시오. var 가격 = 28.99; var 할인 = 10; 아직 JavaScript를 모르지만 최소한 코드가 어떻게 작동하는지 대략적으로는 알 수 있을 것입니다. 각 줄을 보고 그것이 무엇을 하는지 추측해 보세요. 답을 적어보세요. 시작하는 데 도움이 되도록 한 가지 답변을 제공했습니다. 그리고 작업이 너무 어려운 것으로 판명되면 다음 페이지에 답변이 제공됩니다. 가격 변수를 생성하고 값 28.99를 할당합니다. var total = 가격 - (가격 * (할인 / 100)); if (총계 > 25) ( freeShipping(); ) var count = 10; while (count > 0) ( juggle(); count = count - 1; ) var dog = (이름: "Rover", 체중: 35); if (dog.weight > 30) ( Alert("WOOF WOOF"); ) else ( Alert("woof woof"); ) var CircleRadius = 20; var CircleArea = Math.PI *(circleRadius * CircleRadius); 연습에 대한 추가 4 43 솔루션 JavaScript 코드를 작성하는 것이 얼마나 쉬운지 확인하십시오. var 가격 = 28.99; var 할인 = 10; var total = 가격 - (가격 * (할인 / 100)); if (총계 > 25) ( freeShipping(); ) var count = 10; while (count > 0) ( juggle(); count = count - 1; ) 연필을 손에 쥐십시오. 해결 방법 여러분은 아직 JavaScript를 모르지만 적어도 코드가 어떻게 작동하는지 대략 짐작할 수 있습니다. 각 줄을 보고 그것이 무엇을 하는지 추측해 보세요. 답을 적어보세요. 시작하는 데 도움이 되도록 한 가지 답변을 제공했습니다. 그래서 대답합니다. 가격 변수를 생성하고 값 28.99를 할당합니다. 할인 변수를 생성하고 값 10을 할당합니다. 할인된 가격을 계산하여 전체 변수에 할당합니다. 변수 total과 25를 비교합니다. 변수가 더 큰 경우... ...freeShipping 코드 조각을 실행합니다. if 명령 끝 count 변수를 생성하고 값 10을 할당합니다. count 값이 0보다 큰 동안... ...뭔가를 한 다음... ...count를 1씩 줄입니다. End while 루프이름 및 체중 속성을 사용하여 개 변수를 만듭니다. var dog = (이름: "로버", 체중: 35); if (dog.weight > 30) ( Alert("WOOF WOOF"); ) else ( Alert("woof woof"); ) var CircleRadius = 20; var CircleArea = Math.PI *(circleRadius * CircleRadius); 44 chapter 1 가중치 속성이 30보다 큰 경우... ...웹 페이지에 "WOOF WOOF" 메시지를 인쇄합니다. 그렇지 않으면... ...웹 페이지에 "woof woof" 메시지를 인쇄합니다. End of if/ else 명령 CircleRadius 변수를 생성하고 값 20을 할당합니다. CircleArea라는 변수를 생성하고... ...그리고 여기에 표현식(1256.6370614359173)의 결과를 할당합니다. javascript 첫 소개 일반으로 제한하고 싶지 않은 경우 정적 웹 페이지는 JavaScript 없이는 할 수 없습니다. 그리고 그것은 사실이다. HTML과 CSS로 작성된 페이지는 보기 좋게 보일 수 있습니다. 하지만 일단 JavaScript를 배우면 완전히 새로운 유형의 페이지를 구축할 수 있습니다. 또한 일반 페이지가 아닌 응용 프로그램으로 간주하는 것이 더 정확할 것입니다! 그리고 일찍 무슨 소리야? “물론 나는 이것을 아주 잘 알고 있습니다. 그렇지 않으면 내가 왜 이 책을 읽겠습니까?” 우리는 실제로 JavaScript 학습에 대해 조금 이야기할 기회를 갖고 싶었습니다. 이미 프로그래밍이나 스크립팅 언어 작업 경험이 있다면 무엇이 당신을 기다리고 있는지 대략적으로 알 수 있습니다. 지금까지 HTML과 CSS에만 국한되어 있었다면 프로그래밍 언어를 배우면 근본적으로 새로운 것이 여러분을 기다리고 있다는 것을 아십시오. 얼간이! HTML과 CSS는 주로 선언적 작업을 수행합니다. "sale" 클래스의 일부 단락 텍스트나 모든 요소를 빨간색으로 표시해야 한다고 선언한다고 가정해 보겠습니다. JavaScript는 페이지에 새로운 동작을 추가하며 이를 위해서는 계산을 설명해야 합니다. 다양한 작업을 설명하는 도구가 필요합니다. "점수를 합산하여 플레이어의 점수를 계산합니다." 또는 "다음 작업을 10번 반복합니다." 또는 "사용자가 이 버튼을 누르면 다음과 같은 것을 재생합니다." 소리 신호” 또는 “트위터로 가서 최신 메시지를 받아 이 페이지에 게시하세요.”라고 말할 수도 있습니다. 이러한 문제를 해결하는 데 필요한 언어는 HTML 및 CSS와 매우 다릅니다. 정확히 무엇인지 살펴보겠습니다... more 4 45 javascript 명령 명령 생성 방법 HTML 콘텐츠를 만들 때 일반적으로 텍스트를 마크업하고 해당 구조를 정의합니다. 이를 위해 요소, 속성 및 값이 텍스트에 추가됩니다: Mocha Caffe Latte에스프레소, 스팀 우유, 초콜렛 시럽이 바로 그 방식입니다. 너는 좋아한다그것.
HTML로 작업할 때 구조를 정의하기 위해 텍스트를 마크업합니다. 여기에는 "큰 제목이 있고 그 뒤에 일반 텍스트 단락이 있습니다."라는 예가 있습니다. CSS를 사용하면 상황이 약간 다릅니다. 개발자는 일련의 규칙을 작성합니다. 각 규칙은 페이지 요소를 선택한 다음 이러한 요소에 대한 스타일 세트를 설정합니다. h1.drink ( ) p ( ) color: brown; CSS의 경우 분할, 정의 p) 및 k drin(예: h1.L ApplyHTM 이 기능이 마크업의 어느 부분에 적용됩니까? 모든 음료 제목이 갈색으로 표시된다고 가정해 보겠습니다. ..그리고 문단은 세리프 없이 글꼴로 표시됩니다. 글꼴 계열: sans-serif; JavaScript 코드는 명령으로 구성됩니다. 각 명령은 수행되는 작업의 작은 부분을 설명하며 전체 명령 세트는 페이지의 동작을 결정합니다. Command set.var age = 25; var name = "Owen"; if (age > 14) (각 명령은 사용할 값을 담을 변수를 선언하는 등의 작은 작업을 수행합니다. 우리는 변수를 만듭니다. 나이(25세)를 유지하려면 "Owen"이라는 이름에 대한 변수도 필요합니다. 변수의 값은 결정을 내리는 데 사용될 수 있습니다. 사용자가 14세 이상입니까? 경고("죄송합니다. 이 페이지는 어린이 전용입니다! "); ) else ( ) Alert("Welcome " + name + "!"); 46 chapter 1 그렇지 않은 경우 이름으로 사용자를 환영합니다(그러나 이 예에서는 Owen이 25세이므로 메시지는 그렇지 않습니다. 표시됨). 그 이상인 경우 사용자가 이 페이지를 보기에는 너무 나이가 많음을 알려드립니다. javascript 시작하기 변수 및 값 아마도 JavaScript 프로그램이 일반적으로 변수를 사용한다는 것을 눈치채셨을 것입니다. 변수는 값을 저장하도록 설계되었습니다. 어느 것? 몇 가지 예를 살펴보겠습니다. var name = "Duke"; uk e” isEligible 변수에는 false 값이 할당됩니다. nivar isEligible = false인 경우의 변수; 두 값, true와 false(true/false)를 논리(또는 부울)라고 합니다. “D 승자 변수에는 문자 시퀀스가 할당됩니다(이 시퀀스를 문자열이라고 함). false se var 승자 = 2; 2 이 팀은 우승자 2라는 이름으로 버드나무를 옮길 것이라고 발표합니다. 이름은 수학자 George Boole의 이름을 따서 적격한 매우 좋은 숫자입니다. 변수는 숫자, 문자열, 논리값 외에도 다른 데이터를 저장할 수 있습니다. 곧 설명하겠지만 데이터 유형에 관계없이 모든 변수는 동일한 규칙에 따라 생성됩니다. 변수 선언을 자세히 살펴보겠습니다. 변수 선언은 항상 var 키워드로 시작됩니다. 부울 값은 따옴표로 묶이지 않습니다. 예외 없음! JavaScript가 var를 놓쳤다고 불평하지 않더라도. 곧 이유를 알게 될 것입니다. 다음은 변수 이름입니다. var 승자 = 2; 할당 명령은 항상 세미콜론으로 끝납니다. 마지막으로 선택적으로 변수의 초기값을 지정할 수 있습니다. 이는 등호 다음에 값을 입력하여 수행됩니다. 엄밀히 말하면 초기값 없이 변수를 생성하고 나중에 할당할 수 있기 때문에 "선택적"이라고 말합니다. 이렇게 하려면 다음 명령에서 할당을 제거하면 됩니다. var lossers; 변수가 등호나 값 없이 선언되면 나중에 어떻게든 그 변수를 사용하게 됩니다. 의미가 없나요? 그리고 지금은 어떻게 사는가?! 그것은 단지 굴욕적입니다. 패자 추가 4 47 자바스크립트 키워드 키워드 조심하세요! 변수에는 이름이 있고 변수에는 값이 있습니다. 또한 변수가 숫자, 문자열, 부울 값 등을 저장할 수 있다는 것도 알고 있습니다. 그런데 변수 이름을 어떻게 선택합니까? 어떤 이름이라도 괜찮을까요? 아니요. 하지만 유효한 이름을 찾는 것은 어렵지 않습니다. 변수 이름이 두 가지 간단한 규칙을 위반하지 않는지 확인하는 것으로 충분합니다. 1 변수 이름은 문자, 밑줄 또는 달러 기호로 시작해야 합니다. 2 그런 다음 문자, 숫자, 밑줄 및 달러 기호를 수량에 관계없이 따라올 수 있습니다. 아, 그리고 한 가지 더: JavaScript를 혼동하지 말고 var, function 또는 false와 같은 내장 키워드를 변수 이름으로 사용하세요. 이 이름들도 목록에서 제외됩니다. 이 책에서 우리는 몇 가지 키워드를 살펴보고 그것이 무엇을 의미하는지 알아낼 것입니다. 그러나 지금은 짧은 목록으로 제한하겠습니다. 슈퍼 무효 케이스가 기능하도록 하기 위한 중단 삭제 새로운 스위치를 클래스 열거형으로 패키징하여 프라이빗을 구현하는 경우 캐치 throw Yield const 내보내기 import protected true 계속 확장 공개 try debugger false 인스턴스 반환 유형of 기본 finally 인터페이스 static var 자주 Q: A: "키워드"란 무엇입니까? 키워드는 JavaScript 언어의 예약어 중 하나입니다. JavaScript는 자체 목적에 따라 이러한 단어를 사용합니다. 변수 이름으로 사용하기 시작하면 브라우저가 혼란스러울 뿐입니다. 48 1장 Q: 질문 사항 키워드가 변수 이름의 일부인 경우에는 어떻게 됩니까? 예를 들어 ifOnly라는 변수(즉, 이름에 if 키워드가 있는 변수)를 만들 수 있나요? B: 물론이죠. 정확한 일치만 허용됩니다. 코드는 간단하고 이해하기 쉬운 것이 바람직하므로 elze와 같은 이름을 사용하는 것도 바람직하지 않습니다. 다른 이름과 쉽게 혼동될 수 있습니다. Q: JavaScript는 대소문자를 구분합니까? 즉, myvariable과 MyVariable은 같은 것입니까? A: HTML 마크업 작업을 해본 적이 있다면 문자가 대소문자를 구분하지 않는다는 사실에 익숙할 것입니다. 결국 브라우저에는 태그가 . 하지만 JavaScript는 변수 이름, 키워드, 함수 이름 등 거의 모든 곳에서 대소문자를 구분합니다. 따라서 대문자와 소문자 사용에 주의하세요! javascript WEBVILLE T I M E S에 대한 첫 만남 이름으로 인한 성가신 실수를 피하는 방법 이름 선택이 광범위하므로 매우 양면적인 권장 사항이 있으므로 몇 가지 방법을 제공합니다. 마지막 드래곤의 삶. JavaScript 팽창 여부. 많은 적들로부터 당신을 대문자로 시작하는 kaosto 문자로부터 당신을 구할 것입니다: 그들이 사용하는 모든 단어가 사용되며 일부 이름은 변경되지만: 두 개의 oH ea de dD new에서 시작 의미 있는 이름을 선택하십시오. bat y re gi st r» rag on With Fi re. “우리는 _와 함께 있는 사람들을 자랑스럽게 생각합니다. 게시판에 게시된 게시물을 권장하지 않으며 아마도 _m의 이름은 당신에게 매우 중요하지 않는 한 당신이 빠질 만큼 충분할 것입니다. 그러나 $ , r 및 foo는 다음을 사용하여 무언가를 만듭니다. 계급에 대한 명목상의 유연성(날씨가 좋지 않거나 폭풍우가 몰아칠 때, 당신을 이해해줄 사람이 그 자체를 사용할 것입니다. 당신은 이름을 갖게 될 것입니다). 그러면 내 글에서는 현재 압력과 합격시험이 존재하지 않으며 다른 유사점도 없습니다. Su sche st - 조심하세요. 이름 기록에 대한 참고 사항은 현대적이지만 잊어버리지는 않을 것입니다. 그러나 "G, 레지스터에 주의하세요"는 훨씬 더 효율적이 되었으며 코드가 부상된 변수로 분산되도록 할 것입니다. 선택에 따르면 그것은 그들에게 명확하지 않습니다. (자바스크립트의 한계 내에서 나중에 언급한 것 포함) 이름을 선택할 때뿐만 아니라 scorbats가 아닌 이름에 주의하기 위해 “gem”을 사용하십시오. 기억하세요: _ 및 $를 사용한 녹아웃은 특별한 경우에만 허용됩니다. 그냥 살아 있고, 명확한 이름을 쓰고, 당신이 선택하는 데 필요한 키에서 잠시 떨어져 있어야 합니다. 명목상 단어와 변수는 항상 변수를 나타냅니다. $의 경우 일반적으로 잘라내기, 시작 이러한 변수는 선언할 때 var라고 하며 이중으로 사용됩니다. 오. b 구문 정보 각 명령은 ";" 기호로 끝납니다. x = x + 1; 한 줄 주석은 두 개의 슬래시(//)로 시작됩니다. 주석은 귀하와 다른 개발자에게 코드에 대한 정보만 제공합니다. 프로그램에서는 실행되지 않습니다. //댓글입니다 추가 공백(거의 모든 곳에서) 허용됩니다. x = 2233; 문자열은 큰 따옴표(또는 작은 따옴표 중 하나를 선택하십시오. 일관성을 유지하십시오)로 묶어야 합니다. "당신이 지배해요!" "그리고 너도 마찬가지야!" 부울 값 true 및 false는 따옴표 없이 작성됩니다. 로큰롤 = 사실; 변수를 선언할 때 값을 할당할 필요는 없습니다. var width; HTML 마크업과 달리 JavaScript는 대소문자를 구분합니다. 즉, Counter와 counter는 다른 변수입니다. 추가 4 49가지 구문 연습 브라우저로 만들기 다음은 오류가 포함된 JavaScript 코드입니다. 자신이 브라우저의 입장이라고 상상하고 코드에서 오류를 찾아보세요. 그리고 공부가 끝나면 장 끝에 있는 답을 보고 놓친 것이 있는지 확인하세요. A // 농담 테스트 var joke = "JavaScript가 술집에 들어갔습니다...."; 아직은 이 JavaScript 조각이 무엇을 하는지 걱정하지 마세요. 변수와 구문에서 오류를 찾아보세요. var TellJoke = "false"; var $punchline = "세미콜론을 주의하는 것이 좋습니다." var %entage = 20; var 결과 if (toldJoke = = true) ( Alert($punchline); ) else ) Alert(joke); B\\Movie Night var 우편번호 = 98104; var joe"sFavoriteMovie = 금지된 행성; var movieTicket$ = 9; if (movieTicket$ >= 9) ( Alert("너무 많아요!"); ) else ( ) 50 1장 Alert("우리는" 보러 갈 예정입니다. " + joe"sFavoriteMovie); 자바스크립트 첫 입문 표현식에 주의하세요! 자바스크립트에서 의도를 표현하려면 표현식이 필요합니다. 각 표현식은 평가되고 결과는 값입니다. 우리는 이미 코드 예제에서 표현식을 보았습니다. 표현식을 살펴보겠습니다. 다음 명령에서: JavaScript 명령은 계산된 결과를 변수 total에 할당합니다. * 기호는 항목 값에 사용되며 / - var total = 가격 - (price * (discount / 100)); 변수 total입니다. 과제입니다. 그리고 이것은 표현식입니다. 수학 수업을 듣거나, 대차대조표를 합산하거나, 세금을 납부한 적이 있다면 숫자 표현식이 아마도 익숙할 것입니다. 변수 10이 다음의 내용과 같다면 할인 - 20, 결과는 8입니다. 데이터와 동일합니다. 문자열 표현도 있습니다: I" in 새 줄"Dear This strings"는 연결되어 있습니다. Reader"(이러한 작업 "Dear " + "Reader" + ","는 번역에 포함됩니다. 동일한 내용이지만 표현식에 포함됩니다. 암석을 계산할 때 포함된 문자열은 "supercalifra "super" + "cali"입니다. + youKnowTheRest의 결과는 ilisticexpialidocious를 얻습니다." *phoneNumber.substring(0,3) 문자열을 반환하는 표현식의 또 다른 예입니다. 작동 방식은 나중에 설명하겠지만 지금은 표현식이 지역 번호를 반환한다고만 말하면 충분합니다. 전화번호에서 계산 결과는 true 또는 false(true 또는 false)일 수도 있습니다. 이러한 표현식을 부울(또는 논리)이라고 합니다. 다음 각 항목을 평가할 때 결과(true 또는 false)를 얻을지 여부를 결정합니다. 표현: 나이< 14 Если возраст (age) меньше 14, то результат равен true; в противном случае он равен false. Команда проверяет возраст пользователя. cost > = 3.99 동물 = = "곰" 제품 가격이 3.99보다 크거나 같으면 표현식은 참입니다. 그렇지 않으면 거짓입니다. 세일을 놓치지 마세요! 동물 이름에 "곰"이라는 단어가 포함되어 있으면 참입니다. 표현식의 결과는 다른 유형의 값일 수 있습니다. 이 주제는 나중에 다시 다루겠습니다. 그 동안 표현식을 계산할 때 숫자, 문자열 또는 논리 표현식과 같은 특정 결과를 얻게 된다는 점을 아는 것이 중요합니다. 이것이 우리에게 무엇을 주는가? * youKnowTheRest 변수는 "fragilisticexpialidocious" 문자열을 포함하는 것으로 가정됩니다. 추가 4 51가지 표현 연습 손에 연필을 쥐세요. 주어진 각 표현식에 대해 그 값을 계산하고 제공된 공간에 쓰십시오. 그냥 적어보세요... 책에 쓸 수 없는 것에 대한 엄마의 말씀은 잊어버리고, 답을 페이지에 적어보세요! 해당 장의 마지막 부분에서 답변을 확인할 수 있습니다. 섭씨에서 화씨 온도 계산기? (9 / 5) * temp + 32 불리언 표현. == 연산자는 두 값이 같은지 여부를 테스트합니다. color == "주황색" 이름 + ", " + "당신이 이겼습니다!" yourLevel > 5 확인: "첫 번째 값이 두 번째 값보다 큽니까?" "첫 번째 값이 두 번째 값보다 크거나 같은가요?" 조건에 대해 >= 연산자를 사용할 수 있습니다. (레벨 * 포인트) + 보너스 색상 != "주황색" 임시 변수가 10이면 어떻게 되나요? __________ 색상 변수에 "분홍색" 값이 포함된 경우 이 표현식이 참인가요 거짓인가요? __________ 값이 "주황색"이면 어떻게 되나요? __________ 변수 이름에 "Martha"라는 문자열이 포함되어 있으면 어떤 값이 발생합니까? ____________________ 변수 yourLevel = 2이면 어떻게 되나요? ________ 변수 yourLevel = 5이면 어떻게 되나요? ________ 변수 yourLevel = 7이면 어떻게 되나요? ________ 변수 레벨 = 5, 포인트 = 30000, 보너스 = 3300. 계산 결과는 무엇입니까? ________ 변수 color에 문자열 "pink"가 포함되어 있으면 이 표현식이 true 또는 false입니까? __________ != 연산자는 두 가지를 확인합니다. 값이 같지 않습니다. 등급 증가 질문입니다! 1000 + "108" 52 챕터 1 답이 여러 개 있습니다. 그 중 하나만 맞습니다. 어떤 것을 선택하시겠습니까? ________ 궁금하신 분들을 위해, 과제에서 눈치채셨나요? = 연산자를 사용하고, ==?를 테스트할 때 변수에 값을 할당할 때는 등호 = 1개를 사용하고, 두 값이 같은지 확인할 때는 == 기호 2개를 사용합니다. 초보 프로그래머는 종종 이러한 연산자를 혼동합니다. 자바스크립트에 대한 첫 소개 while (juggling) ( ) keepBallsInAir(); 반복되는 작업 우리는 헹구고, 뱉고, 반복하는 동일한 작업을 반복해야 하는 경우가 많습니다. 한 숟가락 더 먹어보세요. 그리고 다시. 사탕이 사라질 때까지 상자에서 사탕을 꺼내세요. 물론 프로그램에서도 작업을 반복해야 합니다. JavaScript는 코드 재실행을 위한 여러 구문 구조(while, for, for in 및 forEach)를 제공합니다. 시간이 지남에 따라 이러한 유형의 루프를 모두 살펴보겠지만 지금은 while에 중점을 둘 것입니다. 최근에는 부울 결과(예: Scops > 0)로 평가되는 표현식을 살펴보았습니다. 다음과 같은 표현식은 while 명령에서 중요한 역할을 합니다. while 루프는 while 키워드로 시작됩니다. while 루프에는 연속 조건(또는 단순한 조건)이라고 하는 부울 표현식이 포함되어 있습니다. 루프 조건이 참이면 전체 프로그램 블록이 실행됩니다. while (scoops > "); ) Scoops = Scoops - 1; 조건이 true이면 프로그램 블록을 실행한 후 루프의 시작 부분으로 돌아가서 모든 것이 다시 반복됩니다. 조건이 false이면 루프가 실행됩니다. "프로그램 블록"이란 무엇입니까? 중괄호( )로 묶인 All . 그리고 씁쓸한 끝까지 계속됩니다! more 4 53 자바스크립트 루프 while 루프 작동 방식 이것이 첫 번째 while 루프이므로 다음을 살펴보겠습니다. 실행을 자세히 살펴보고 그것이 어떻게 작동하는지 철저히 이해하십시오. 참고: 변수 Scoops에 대한 선언을 추가하고 값 5로 초기화했습니다. 코드 실행이 시작됩니다. 먼저 변수 Scoops(아이스크림 스쿠프)에 값이 할당됩니다. 5. var Scoops = 5; while (scoops > 0) ( document.write("또 다른 스쿱!"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 그런 다음 프로그램은 while 명령으로 이동합니다. while 명령이 처음으로 실행되면 프로그램은 먼저 조건을 확인합니다. 즉, 참인지 거짓인지 확인합니다. 스쿠프 값 var 스쿠프 = 5; 0보다 높습니까? 의심없이! while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 조건이 true이므로 프로그램 블록의 실행이 시작됩니다. 루프 본문의 첫 번째 명령은 "Another Scout!"이라는 문자열을 표시합니다.
" var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 54 chapter 1 javascript 시작하기 다음 명령은 Scoops의 현재 값을 1씩 감소시키고 결과(4)를 동일한 Scoops 변수에 할당합니다. 공 1개 먹고 4개 남았습니다! var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 이것은 블록의 마지막 명령입니다. 주기가 처음으로 돌아가고 모든 것이 다시 반복됩니다. var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 조건이 다시 확인됩니다. 이번에는 Scoops 변수가 4입니다. 그러나 Scoops 값이 감소했지만 여전히 0보다 큽니다. 더 많은 var 스쿠프 = 5; 왼쪽! while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 그리고 다시 "Another Scout!"이라는 줄이 브라우저에 표시됩니다.
" var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); next 4 55 while loop in javascript 다음 명령은 Scoops의 현재 값을 1씩 감소시키고 결과(3)를 동일한 Scoops 변수에 할당합니다. var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 이것은 블록의 마지막 명령입니다. 프로그램은 해당 조건으로 돌아가고 모든 것이 다시 반복됩니다. var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 조건을 다시 확인하면 Scoops 변수는 3과 같습니다. 여전히 0보다 큽니다. 다른 공 var 스쿠프 = 5; 남았다! while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 브라우저에는 “Another Scout!”라는 문자열이 다시 전송됩니다.
" var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 56 챕터 1 공 2개 없어졌고, 3개 남았습니다! 자바스크립트에 대한 첫 만남 모든 것이 계속해서 계속됩니다. 루프를 실행할 때마다 스쿠프가 1씩 줄어들고 다음 줄이 브라우저에 표시되고 프로그램이 다음 원으로 들어갑니다. 공 3개 먹고 2개 남았습니다! var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 그리고 계속됩니다... 공 4개 먹고 1개 남았습니다! var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 지난번까지는... 하지만 지금은 뭔가 달라졌습니다. Scoops 변수는 0이고 조건은 거짓입니다. 이것이 끝나는 곳입니다. 루프가 더 이상 실행되어서는 안 됩니다. 이번에는 프로그램이 블록을 탐색하고 그 뒤에 오는 명령을 실행합니다. 공 5개 먹고 0개 남았습니다! var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 다음 명령은 document.write를 실행하고 "Life Without ice cream is not the same."이라는 줄을 인쇄합니다. 준비가 된! var 스쿠프 = 5; while (scoops > 0) ( document.write("또 다른 특종입니다!
"); 스쿱 = 스쿱 - 1; ) document.write("아이스크림 없는 삶은 같지 않습니다"); 추가로 4 57개의 조건부 자바스크립트 명령 if (cashInWallet > 5) ( order = “즐거운 시간 보내세요: 치즈버거, 감자, 콜라”; ) else ( order = “그리고 물 한 잔 마실게요”; ) JavaScript로 결정하기 당신 while 루프가 계속 실행되어야 하는지 여부를 결정하기 위해 조건식이 어떻게 사용되는지 이미 살펴보았습니다. 부울 표현식 if를 사용하는 JavaScript 명령에서 결정을 내리는 데에도 사용할 수 있습니다. if 문은 테스트 중인 조건이 참인 경우에만 프로그램 블록을 실행합니다. 예: 다음에는 if, what이 옵니다. lyu ok K 문법적 bl 조건 등. 이 조건은 남은 아이스크림이 3스쿱 미만인지 확인하는 조건입니다. 만약 (숟가락< 3) { } alert("Ice cream is running low!"); И если осталось меньше трех, выполняется программный блок команды if. Функция alert получает строку и выводит ее во всплывающем окне браузера. Попробуйте! Команда if позволяет последовательно выполнить несколько проверок; для этого добавляется одна или несколько секций else if: одно условие, если оно Сначала проверяется оверяется другое, не выполняется, то пр if (scoops >= 5) ( if/else에 지정됨: Alert("더 빨리 먹어라. 아이스크림이 녹을 거야!"); ) else if (숟가락< 3) { } alert("Ice cream is running low!"); 58 глава 1 Добавьте столько дополнит ельных проверок “else if”, сколько вам нужно; с каждым условием связывается свой програ ммный блок, выполняющийся в случае его истинности. первое знакомство с javascript А если нужно принять МНОГО решений... Вы можете объединить сколько угодно команд if/else. Также можно добавить завершающую секцию else; если ни одно условие не выполняется, вы сможете обработать и эту ситуацию, как в следующем примере: if (scoops > = 5) (먼저 아이스크림이 5스쿱 이상 남아 있는지 확인합니다... warning("더 빨리 먹어보세요. 아이스크림이 녹을 거예요!"); ...또는 정확히 3스쿱이 남았는지 확인합니다. .. Alert(" 아이스크림이 부족해졌습니다!"); ) else if (scoops = = 3) ( ) else if (scoops = = 2) ( Alert("한 번 가세요!"); ...또는 if에는 2, 1 또는 0 스쿠프 남음 ... 각각의 경우 해당 신호가 출력됩니다. ) else if (scoops = = 1) ( Alert("두 번 갑니다!"); ) else if (scoops = = 0) ( If 이전 조건 중 어느 것도 true가 아닌 경우 다음 코드가 실행됩니다: Alert("Gone!"); ) else ( ) Q: A: Alert("아직 아이스크림이 많이 남아 있으니 와서 사세요."); 자주 묻는 질문 "소프트웨어 블록"이란 무엇입니까? 구문 수준에서 프로그램 블록(일반적으로 블록이라고 함)은 중괄호로 묶인 하나 이상의 명령 집합입니다. 블록의 모든 명령은 단일 단위로 실행되는 그룹을 형성합니다. 예를 들어 while 조건이 true이면 블록의 모든 명령이 실행됩니다. 이는 if 또는 else if 블록에도 적용됩니다. Q: 조건이 하나의 변수로 구성된 코드를 보았는데, 이 변수에는 부울 값도 포함되지 않고 문자열만 포함되어 있습니다. 그는 어떻게 일합니까? A: 이 주제는 나중에 다루겠지만 간단히 말해서 JavaScript는 참 또는 거짓 값을 고려하는 데 매우 유연합니다. 예를 들어, 비어 있지 않은 문자열을 포함하는 모든 변수는 true로 간주되고, 아직 값이 할당되지 않은 변수는 false로 간주됩니다. 잠깐만요, 이 문제는 곧 자세히 살펴보겠습니다. Q: 표현식의 결과가 숫자, 문자열 또는 부울이 아닌 다른 것일 수 있다고 말씀하셨습니다. 정확히 무엇? A: 지금은 숫자, 문자열, 부울 값 등 기본 유형으로 제한하겠습니다. 그러나 시간이 지나면 배열(값 집합), 객체, 함수 등 더 복잡한 유형을 다루게 됩니다. Q: "부울"(부울 값의 또 다른 이름)이라는 이름은 어디서 유래되었나요? A: 불리언 논리의 창시자이자 영국의 수학자 조지 불(George Boole)의 이름에서 따왔습니다. more 4 59 자석을 이용한 엔터테인먼트 자석을 이용한 엔터테인먼트 JavaScript 프로그램의 일부가 포함된 자석이 혼합되어 있습니다. 아래 출력을 생성하는 작동하는 JavaScritp 프로그램을 얻기 위해 이를 넣을 수 있습니까? 계속 읽기 전에 해당 장의 끝부분에 있는 답을 확인하세요. 자석을 제자리에 배치하여 작동하는 JavaScript 프로그램을 만듭니다. document.write("생일 축하합니다 " + 이름 + ",
"); document.write("생일 축하드립니다.
"); var i = 0; i = i + 1; var name = "Joe"; ) document.write("생일 축하합니다.
"); 동안 (나는< 2) { Расставьте магниты в этой области. 60 глава 1 Восстановленная программа должна выдавать этот результат. первое знакомство с javascript Привлекайте пользователя к взаимодействию со страницей Мы говорили о том, как важно повысить уровень интерактивности страниц и что для этого необходимо взаимодействие с пользователем. Это взаимодействие можно организовать несколькими способами; некоторые из них уже встречались вам. Ниже приведена краткая сводка таких взаимодействий, а потом мы рассмотрим их более подробно. Создание сигнала Браузер поддерживает простейший механизм оповещения пользователей при помощи функции alert. Вызовите alert со строкой, содержащей сообщение, и браузер выведет ее в симпатичном диалоговом окне. Честно говоря, мы немного злоупотребляли этой функцией, она очень проста и удобна; но ее следует применять только тогда, когда вы действительно хотите, чтобы пользователь отложил все дела и немедленно ознакомился с вашим сообщением. Прямая запись в документ Эти три способа встречаются в данной главе. Веб-страницу можно рассматривать как документ (именно так ее называет браузер). Функция document.write позволяет вывести произвольную разметку HTML и контент в произвольной точке страницы. Так поступать не рекомендуется, хотя время от времени этот способ все же применяется. Мы воспользовались, потому что он достаточно прост для изучения JavaScript. Вывод на консоль В каждой среде JavaScript существует консоль, на которую можно выводить сообщения из программного кода. Чтобы вывести сообщение на консоль, вызовите функцию console.log и передайте ей строку (вскоре мы рассмотрим работу с консолью более подробно). Функция console.log - 훌륭한 도구진단 및 디버깅. 그러나 일반 프로그램에서는 콘솔 출력이 사용자에게 숨겨지므로 이 메커니즘효과적이라고는 할 수 없습니다. 콘솔은 코드에서 오류를 찾는 데 편리한 도구입니다! 입력 오류(예: 따옴표 누락)가 있는 경우 JavaScript는 일반적으로 오류에 대한 설명을 콘솔에 인쇄하여 쉽게 찾을 수 있도록 합니다. 문서 직접 수정 페이지 및 사용자와 상호 작용하는 주요 방법은 JavaScript 도구를 사용하는 것입니다. 이를 통해 웹 페이지의 마크업에 액세스하고 내용을 읽고 변경하며 구조와 스타일도 변경할 수 있습니다! 이러한 모든 작업은 문서 개체 모델을 통해 수행됩니다(아래 참조). 곧 알게 되겠지만, 이것은 최선의 선택사용자 상호 작용. 그러나 문서 개체 모델을 사용하려면 페이지 구조와 소프트웨어 인터페이스 , 페이지를 읽고 쓸 때 사용됩니다. 이 주제에 대해서는 곧 다루겠지만 먼저 JavaScript를 좀 더 배워야 합니다. 우리가 노력하는 소중한 목표. 해당 페이지에 도달하면 페이지를 읽고, 변경하고, 해당 내용에 대한 모든 조작을 수행할 수 있습니다. more 4 61 자바스크립트 출력 도구 비교 누가 무엇을 하나요? ae ae 모든 상호 작용 수단이 가장 무도회에 왔습니다. 가면 속에 있는 그들을 알아볼 수 있을까요? 오른쪽의 설명과 왼쪽 열의 이름을 연결하세요. 우리는 당신을 위해 한 줄을 그렸습니다. document.write 사용자가 하던 일을 즉시 중단하고 짧은 메시지를 보냅니다. 더 이동하려면 사용자가 "확인"을 클릭해야 합니다. console.log HTML 마크업과 텍스트의 작은 조각을 문서에 삽입할 수 있습니다. 나는 사용자에게 정보를 전달하는 가장 우아한 방법은 아닐지 모르지만 적어도 모든 브라우저에서 작업합니다. 경고 나의 도움으로 당신은 웹페이지를 완벽하게 관리할 수 있습니다: 사용자가 입력한 데이터 수신, HTML 마크업 및 스타일 변경, 페이지 콘텐츠 업데이트. 문서 개체 모델 62 1장 나는 단지 간단한 디버깅 작업을 해결하고 개발자를 위한 특수 콘솔에 정보를 표시할 수 있도록 하기 위해 존재합니다. javascript의 첫 소개 console.log 자세히 살펴보기 console.log 함수가 어떻게 작동하는지 이해해 봅시다. 이 장에서는 이를 사용하여 코드 실행 결과를 확인하고, 이 책의 다른 장에서는 출력을 분석하고 디버깅하는 데 사용할 것입니다. 그러나 콘솔은 대부분의 일반 웹 사용자에게 숨겨져 있으므로 웹 페이지의 최종 버전에서는 사용하지 않는 것이 좋습니다. 콘솔 출력은 일반적으로 페이지 개발 중에 진단 목적으로 사용됩니다. 콘솔은 또한 기본 JavaScript 구성을 배우면서 코드에서 무슨 일이 일어나고 있는지 확인하는 데 도움이 됩니다. 발생 방법은 다음과 같습니다. 임의의 문자열을 선택하세요... var message = "Howdy" + " " + "partner"; console.log(메시지); ...console.log에 전달합니다. 해당 행은 브라우저 콘솔에 출력됩니다. 콘솔에는 애플리케이션의 console.log 호출로 출력되는 모든 데이터가 포함되어 있습니다. 자주 Q: 자주 묻는 질문(FAQ) console.log를 사용하여 문자열을 출력할 수 있다고 알고 있는데 정확히 무엇입니까? "콘솔"과 "로그"가 점으로 구분되는 이유는 무엇입니까? 답변: 좋은 질문입니다. 우리는 조금 앞서 나가고 있지만 콘솔을 다양한 (콘솔) 작업을 수행하는 개체로 생각합니다. 이러한 작업 중 하나는 콘솔에 데이터를 출력하는 것입니다. 콘솔에 이 작업을 수행하도록 지시하기 위해 "console.log" 구문을 사용하고 출력 값을 괄호 안에 전달합니다. 이것을 기억; 이 책에서는 객체에 대해 훨씬 더 자세히 논의할 것입니다. 지금은 console.log 사용법을 아는 것만으로도 충분합니다. Q: 콘솔은 일반 출력 외에 다른 작업을 수행할 수 있나요? A: 네, 하지만 일반 출력에 더 자주 사용됩니다. 출력(및 콘솔)을 사용하는 방법은 여러 가지가 있지만 이는 브라우저에 따라 다릅니다. 콘솔은 모든 최신 브라우저에서 지원되지만 공식 사양에는 정의되어 있지 않습니다. Q: A: 물론 다 좋은데,
15
8월
2016
ISBN: 978-5-496-01257-7, 헤드 퍼스트 오라일리
형식: PDF, 오류가 있는 OCR
에릭 프리먼, 엘리자베스 롭슨
제조년도: 2015
장르: 프로그래밍 언어
출판사: 피터
러시아어
페이지 수: 640
설명: 웹 프로그래밍에서 한 단계 더 발전하여 HTML 및 CSS 레이아웃에서 본격적인 동적 페이지 생성으로 이동할 준비가 되셨습니까? 그렇다면 이제 가장 인기 있는 프로그래밍 언어인 JavaScript에 대해 알아볼 시간입니다!
이 책을 통해 변수부터 루프까지 JavaScript 언어에 대한 모든 것을 배울 수 있습니다. 다양한 브라우저가 코드에 다르게 반응하는 이유와 모든 브라우저에서 지원되는 범용 코드를 작성하는 방법을 이해하게 됩니다. 페이지 정체나 JavaScript 코드의 데이터 전송 오류에 대해 걱정할 필요가 없는 이유를 알게 될 것입니다. 이전에 코드 한 줄도 작성해 본 적이 없더라도 놀라지 마세요. 자료를 제시하는 독특한 형식 덕분에 이 책은 간단한 스크립트 작성부터 복잡한 작성까지 전체 학습 경로를 따라 쉽게 안내할 것입니다. 모든 최신 브라우저에서 작동하는 웹 프로젝트.
이 출판물의 특별한 특징은 프로그래밍에 관한 많은 지루한 책들과 차별화되는 O'Reilly의 "Head First" 시리즈를 차별화하는 독특한 자료 제시 방식입니다.
26
7월
2017
ISBN: 978-5-9908463-9-5, 978-1-491-91491-5
저자: 에단 브라운
출시 연도: 2017
장르: 프로그래밍
출판사: 윌리엄스
러시아어
페이지 수: 363
설명: 이제 JavaScript를 배울 시간입니다. 최신 JavaScript 사양인 ECMAScript 6.0(ES6)이 출시되면서 해당 언어로 고품질 애플리케이션을 만드는 방법을 배우는 것이 그 어느 때보다 쉬워졌습니다. 이 책은 프로그래머(아마추어 및 전문가)에게 ES6 사양과 일부 관련 도구 및 기술을 간단하게 소개합니다.
23
준
2007
장르: 프로그래밍
저자: Khomonenko A.D.
국가 러시아
페이지 수: 252
설명: 언어 프로그래밍의 기본 기술을 체계적으로 제시합니다.
C++: 데이터 유형 설명, 변수 선언, 분기 및 루프 구성, 배열, 포인터, 함수 설명 및 사용. 객체 지향 프로그래밍의 개념과 기술을 고려합니다. Borland C++ Builder 환경에서 프로그램을 개발하는 기술에 대해 설명합니다.
형식: PDF
08
8월
2012
형식: PDF, eBook(원래 컴퓨터)
저자: 안드레이 셰브첸코
제조년도: 2012
장르 : 참고서, 교과서
출판사: NeisstonPub
러시아어
페이지 수: 57
설명: 이 책을 쓰겠다는 생각은 PHP 개발자 자리에 대한 첫 번째 인터뷰를 준비하는 동안 가장 일반적인 질문과 작업이 포함된 합리적인 "자습서"를 찾지 못한 후에 나에게 왔습니다. 그런 인터뷰. 그런데 어떻게든 준비해야 하나요? 필요한. 그렇지 않으면 MyISAM이 InnoDB와 어떻게 다른지 또는 $(“a ...
18
10월
2010
출판사: M., DMK Press ISBN: 5-94074-357-9
제조년도: 2007
장르: 프로그래밍
러시아어
페이지 수: 688
설명: Ruby는 Yukihiro Matsumoto가 1995년에 개발하고 LISP, Smalltalk, Perl, CLU 등의 언어에서 일부 기능을 빌려온 비교적 새로운 객체 지향 언어입니다. 이 언어는 시스템 관리부터 복잡한 동적 웹사이트 개발에 이르기까지 다양한 분야에서 활발히 개발되고 있습니다. 이 책은 Ruby에 대한 완전한 가이드입니다. 교과서와 교재로 모두 사용할 수 있습니다.
11
10월
2012
저자: 월터 사치치
제조년도: 2004년
장르: 프로그래밍
출판사: Addison-Wesley
러시아어
페이지 수: 784
설명: 이 책에는 C++ 프로그래밍 언어에 대한 포괄적인 정보가 포함되어 있습니다. 변수 선언, 선택 문, 루프, 배열, 함수 등과 같은 "표준" 주제 외에도 벡터 작업, 동적 다차원 배열, 예외 처리, 포인터 및 연산자 오버로딩도 자세히 다룹니다. 예시 및 작업 독립적 인 일, 각 장에 포함된 내용은 독자가 내용을 통합하고 이해하는 데 도움이 됩니다.
26
8월
2010
ISBN: 5-94074-409-5
형식: 오류 없는 PDF, OCR
제조년도: 2008
저자: 고르나코프 S.G.
장르 : 휴대폰 프로그래밍
출판사: DMK 프레스
페이지 수: 512
설명: 이 책은 인기 도서의 두 번째 판입니다. 새 버전에디션에는 9개의 추가 장이 포함되어 있습니다. 이제 독자는 Java 2 ME 플랫폼용 프로그래밍 애플리케이션 외에도 모바일 게임을 만드는 전체 프로세스를 배우게 됩니다. 책을 작업하는 동안 본격적인 모바일 게임 엔진을 만드는 접근 방식을 익히고, 그래픽과 애니메이션으로 작업하고, 다층 애니메이션 게임 카드의 예를 제시하게 됩니다. 고려하다...
22
4월
2018
ISBN: 978-5-9518-0362-7
형식: JPG, 스캔 페이지
저자: 더글라스 S. 슈미트, 스티븐 D. 휴스턴
제조년도: 2009
장르: 프로그래밍
출판사: 비놈
러시아어
페이지 수: 304
설명: 이 책은 C++를 사용하여 네트워크 응용 프로그램을 전문적으로 프로그래밍하는 가장 유망한 접근 방식 중 하나를 설명합니다. 네트워크 애플리케이션 개발이 복잡한 주요 이유는 물론 디자인 패턴과 오픈 소스 ACE IIO 미들웨어도 논의됩니다. 이 미들웨어는 인터넷에서 무료로 다운로드할 수 있으며 가장 휴대성이 뛰어나고...
05
12월
2009
ISBN: 978-5-91136-059-7
형식: DjVu, 오류 없는 OCR
제조년도: 2008
저자: 자스민 블란셰트, 마크 서머필드
장르: 프로그래밍
출판사: Kudits-Press
페이지 수: 736
설명: 이 책은 인기 있는 책의 확장 및 수정판입니다. 러시아 시장 2007년에 출판된 책 "Qt4: C++의 GUI 프로그래밍". 새 버전에서는 Qt 버전 4.2 및 4.3에 나타난 기능 사용과 관련된 변경 사항이 있었고, 사용자와의 대화 설정 및 응용 프로그램 스크립트 작성에 관한 새로운 장을 추가했으며 기본 원칙을 검토했습니다.
24
하지만 나는
2008
형식: DjVu, 스캔 페이지
제조년도: 2005
저자: Gornakov S.G.
장르: J2ME 튜토리얼
출판사 : dmk
페이지 수: 331
설명: Java로 된 휴대폰 프로그래밍에 관한 꽤 훌륭하고 이해하기 쉬운 책입니다.
03
7월
2016
ISBN: 978-5-699-79117-0
형식: PDF, eBook(원래 컴퓨터)
저자: 마이크 맥그래스
번역자: M. 라이트먼
제조년도: 2016
장르: 컴퓨터 문학, 프로그래밍
출판사: Eksmo
시리즈: 초보자를 위한 프로그래밍
러시아어
페이지 수: 192
설명: 이 책은 예제 프로그램과 코드 결과를 보여주는 그림을 통해 C 언어의 모든 주요 측면을 설명합니다. 심지어 C 언어용 무료 컴파일러를 설치하고 작동하는 방법도 설명합니다. 실수할 기회는 없어! 책은 완벽해요 프로그래머에게 적합, 체육...
25
하지만 나는
2010
출판사: 피터 인터페이스 언어: 러시아어만 가능
약: 필요하지 않음
설명: 이 책은 JavaScript로 프로그래밍을 스스로 학습하도록 제작되었습니다. 일반적인 지침 외에도 바로 사용할 수 있는 프로그램의 많은 예제와 텍스트가 포함되어 있습니다. Windows 스크립팅 호스트에서 실행되는 웹 사이트 및 스크립트용 스크립트를 만드는 방법을 다룹니다. 부록에서는 JavaScript 및 HTML에 대한 배경 정보를 제공합니다. 이 책은 초보자와 이미 웹 디자인 및 프로그래밍 경험이 있는 사람들 모두를 대상으로 합니다. 두 번째에는...
11
8월
2012
ISBN: 5-8459-1027-7
형식: PDF, 스캔 페이지
저자: 대니 굿맨, 마이클 모리슨
제조년도: 2006
장르: 프로그래밍
출판사: 변증법
러시아어
페이지 수: 1179
설명: 이 책은 JavaScript 언어를 자세히 연구하기로 결정한 웹 디자이너 등 광범위한 독자를 대상으로 합니다. 개발자의 눈뿐만 아니라 사용자의 마음에도 JavaScript에 대한 완전한 참조 가이드라는 타이틀을 얻을 수 있는 모든 기회가 있습니다. 이 간행물은 최신 소프트웨어와 오래된 소프트웨어에서 사용되는 거의 모든 JavaScript 스크립트 개발 도구를 자세히 설명합니다.
17
8월
2012
ISBN: 978-5-9775-0225-2, 978-0-596-52986-4;
형식: DjVu, 스캔 페이지
저자: 마이클 피츠제럴드
제조년도: 2008
장르: 프로그래밍
출판사: BHV-Petersburg
러시아어
페이지 수: 336
설명: 이 책은 Ruby로 웹 애플리케이션을 만드는 방법을 안내합니다. 이 연구는 실제 사례를 기반으로 하며 그 목록은 거의 모든 페이지에 나와 있습니다. Ruby의 기본 사항이 제공되고 논의됩니다. 조건문, 문자열 및 정규 표현식, 연산자, 함수, 배열, 해시, 파일 작업, 클래스. XML 처리, 리플렉션, 메타프로그래밍 등에 대해 설명합니다.
웹 프로그래밍을 한 단계 더 발전시키고 HTML 및 CSS 레이아웃에서 본격적인 동적 페이지를 생성할 준비가 되셨습니까? 그렇다면 이제 "가장 인기 있는" 프로그래밍 언어인 JavaScript에 대해 알아볼 시간입니다! 이 책을 통해 변수부터 루프까지 JavaScript에 대한 모든 것을 배울 수 있습니다. 다양한 브라우저가 코드에 다르게 반응하는 이유와 모든 브라우저에서 지원되는 범용 코드를 작성하는 방법을 이해하게 됩니다. 페이지 정체나 JavaScript 코드의 데이터 전송 오류에 대해 걱정할 필요가 없는 이유를 알게 될 것입니다. 이전에 코드 한 줄도 작성해 본 적이 없더라도 놀라지 마세요. 자료를 제시하는 독특한 형식 덕분에 이 책은 간단한 스크립트 작성부터 복잡한 작성까지 전체 학습 경로를 따라 쉽게 안내할 것입니다. 모든 최신 브라우저에서 작동하는 웹 프로젝트. 이 출판물의 특별한 특징은 프로그래밍에 관한 많은 지루한 책들과 차별화되는 O'Reilly "Head First" 시리즈를 차별화하는 독특한 자료 제시 방식입니다.
저희 웹사이트에서 Elizabeth Freeman의 "JavaScript 프로그래밍 학습" 책을 등록 없이 fb2, rtf, epub, pdf, txt 형식으로 무료로 다운로드하거나 온라인으로 읽거나 온라인 상점에서 책을 구입할 수 있습니다.
