자바스크립트

자바스크립트 사용법

• <script></script>구문에 삽입한다.
• 대소문자를 구별한다.
• 도형이나 텍스트 등을 이미 만들어 놓고 시작하는 것이 좋으므로</body>바로 전에 실행한다.
• 다만, import 방식보다는 외부에 javascript를 두고 연동하는 방식을 많이 취한다

식과 문

• 표현식(expression)과 문(statement)
• 연산식, 함수 실행, 어떤 값을 만들어내는 모든 것 -> 식은 변수에 저장됨

문
-명령문

• 끝에 세미콜론(;)을 붙임
• 조건문, 제어문

입출력 방식

• 알림창(alert) 방식
  대화창(dialogue box),

• alert : 단순 대화박스

• confirm : 값이 2개인 대화박스

• prompt : 입력값을 받는 대화박스
  var name = prompt(메시지, 기본값)

• document.write()
  document object에 write 명령문 실시함.
  html 태그를 안에 삽입 가능

• • (연결 연산자)
    변수와 텍스트 값 등을 연결시켜준다.

• ctrl + shift + j (콘솔창 등장)

• 코딩 규칙 (스타일 가이드, 코딩 컨벤션, 코딩 스타일, 표준 스타일)
  https://google.github.io/styleguide/jsguide.html
  https://github.com/airbnb/javascript
  에서 참고하면 된다.
  이렇게 스타일 가이드를 하는 이유는 주로 가독성을 높이고 디버깅을 빠르게 하기 위해서이다.

• 코드를 보기 좋게 들여쓰기 한다.
  소스간의 포함 관계를 알아보기 위함이다.

• 세미콜론으로 문장 구분
  세미콜론(;)은 문장 끝을 나타내며, 문장과 문장을 구분한다.

• 공백을 넣어 읽기 쉽게 작성한다.
  예약어나 연산자, 값 사이에는 공백을 넣어 소스 코드를 읽기 쉽게 작성한다.
  ex) var x = 2 (O)
  var x=2 (X)

• 소스 코드를 잘 설명하는 주석(comment)를 단다.
  한줄주석(//), 여러줄 주석 (/* */)

• 식별자는 정해진 규칙을 지켜 작성합니다.
  식별자(identifier) 개발자가 자바스크립트의 변수, 함수, 속성 등을 구별하려고 이름 붙인 특정 단어를 의미한다.
  var name = promt("입력하세요");
  에서 식별자는 name이다.

식별자는 영문자, 언더스코어(_), 달러기호($)로 시작한다.
두단어가 붙을 경우 언더바나 하이픈(-) 혹은 대문자로 단어를 구분한다. checkTime 처럼.

• 예약어는 식별자로 사용할 수 없다.
  keyword(예약어)의 경우는 이미 javascript에 규정되어 있어, 식별자로 사용할 수 없다.
• 예약어 목록 : https://www.w3schools.com/js/js_reserved.asp