목적 및 객체

이번 일련의 보도는 오프라인 수업의 보충 자료로 제작되었다.자바 등 다른 언어를 배우는 사람을 대상으로 강의를 하기 위해 보도된 내용도 이를 전제로 한다.

카탈로그

(1) 학습 환경의 구축과 기본적인 쓰기 <--이 글의 내용
(2) 변수 및 데이터 유형
(3) 연산자 및 배열
(4) 구문 및 함수 제어
(5) 함수 적용 1
(6) 함수의 응용 2
(7) 대상 기반
(8) JavaScript 객체용 프로그래밍 1 개요
(9) JavaScript 객체용 프로그래밍 2 객체 제작 및 상속
(10) JavaScript 객체용 프로그래밍 3 멀티태스킹
(11) JavaScript 객체용 프로그래밍 4 패키지
(12) ES6의 새로운 기능 정보

이 글의 내용

Firefox에 탑재된 간단한 학습 환경의 사용 방법

표시Hello, world!

JavaScript의 개요 및 내역

JavaScript가 할 수 있는 일, 할 수 없는 일
http://www.atmarkit.co.jp/ait/articles/0904/20/news124.html
JavaScript 중심의 웹 응용 프로그램 개발의 영고성쇠 총결산
http://www.atmarkit.co.jp/ait/articles/1507/15/news023.html
이 보도에서 상세하게 소개하였다.
간단하게 요약하면 다음과 같습니다.

자바스크립트는 브라우저의 표시 내용을 동적으로 제어하는 언어(클라이언트 언어)

이전에 모든 브라우저 소프트웨어는 자신의 언어 이름(규격)으로 이루어졌다

"JavaScript"라는 언어 이름은 처음에 Netscape(Firefox의 전신)

"Java"와 "JavaScript"는 언어 규격에 상관이 없습니다!

각 브라우저 소프트웨어의 차이를 메우기 위해 표준화한 결과 ECMAScript(때로는 ECMAScript를 자바스크립트라고 부른다)

2015년 6월 ECMAScript 버전 6 제정

JavaScript 기술 활용 사례

Ajax: 페이지 마이그레이션 없이 서버와 통신할 수 있는 기술

jQuery:JavaScript의 인코딩이 간단해진 라이브러리

Node.JavaScript를 사용하여 서버 측 시스템의 어플리케이션 제작

폰갭(Cordova): 자바스크립트로 스마트폰 앱을 만드는 프레임워크

altJS: 자바스크립트의 원본 코드를 컴파일한 독립된 언어의 총칭

학습 환경의 구축

기본적으로 브라우저와 적당한 텍스트 편집기만 있으면 바로 시작할 수 있다.또한 Firefox의 브라우저가 있으면 표준 기능을 이용한 '커팅 패드' 를 통해 텍스트 편집기를 따로 준비할 필요가 없다.잠시 Firefox의 스크래치 패드를 이용해 대화를 나눈다.
Firefox의 최신 버전을 먼저 설치합니다.
설치가 끝난 후 Firefox를 시작하면 화면 오른쪽 상단에 있는 세 개의 선 표시 단추를 누르고 '개발 도구' → '스크래치 패드' 를 선택하십시오.

이런 창이 나타납니다.스크래치 패드입니다.참고로 같은 '개발 도구' 일람에 있는 '브라우저 컨트롤러' 창도 나타날 것입니다.

이렇게 하면 공부를 진행할 수 있다.

기본적인 서법

메모

우선'평론'에 관한 것이다.게시판을 시작할 때 첫 번째 줄부터 여덟 번째 줄까지 설명합니다.

/*
 * この画面は JavaScript スクラッチパッドです。
 *
 * JavaScript を入力して、右クリックまたは [実行] メニューを選択してください。
 * 1. 実行: 選択したコードを実行します。(Ctrl+R)
 * 2. 調査: 実行結果をオブジェクトインスペクタで表示します。(Ctrl+I)
 * 3. 表示: 選択したコードの後ろに、実行結果をコメント形式で挿入します。(Ctrl+L)
 */

여러 줄을 리뷰하고 싶은 경우는 /* */로 끼우는 형식입니다.1줄 리뷰//도 준비했다.

// コメントです。

Hello, world!

아무튼 한마디.표시
스크래치 패드의 첫 번째 줄에서 여덟 번째 줄까지의 주석을 삭제한다.

console.log("Hello, world!");

이렇게 기술하고 '실행' 단추를 누르면 브라우저 컨트롤러의 창에 표시됩니다. Hello, world!
자바스크립트에서 자바의'시스템.out.println', C 언어의'printf'에 대응하는 명령은'connsole.log'입니다.이렇게 하면 브라우저 콘솔에 정보를 표시할 수 있습니다.
또한 간단하지만 다른 디스플레이 명령은'alert'입니다.

alert("Hello, world!");

이렇게 기술하고 실행하면 지정한 문자열을 표시하는 작은 팝업이 표시됩니다.

철저하고 간단한 확인 수단을 위해 디버깅 용도로'constore.log'가 가장 좋다.
※ 추가: "어렵게 기술한 자바스크립트의 코드를 저장하고 싶은 경우 스크래치 패드의'이름 붙여서 저장'에서 확장자'.js'의 파일로 저장할 수 있습니다.
※ 추가: 자바스크립트에main() 함수는 없습니다.따라서 첫 번째 줄의 설명 내용부터 스크래치 용접판에 기술된 코드를 순서대로 처리한다.

다음 회 예고

변수 및 데이터 유형