표준웹 10주차 : JavaScript_Basic

Role of JavaScript
How to embed JS code in HTML5 doc
Basic JS grammer

Javascript

웹 doc을 동적으로 디자인 할 수 있는 언어

• 사용자 input 제어 가능, 계산 가능
  유일한 마우스나 키보드 input 제어
• 웹페이지 콘텐츠나 외관을 Dynamic control
• 브라우저 관리
• 웹 어플 개발 (게임같은거)
  etc..

Location of JS code

html의 어디에 위치할 수 있나?

• Inside HTML file
  태그 안에 바로
  script 코드 사용
• Outside HTML file
  JS 파일을 따로 작성하여 html에서 참조 가능 (src 태그 사용)
• 이벤트 리스너를 사용하여 태그 안에 넣을 수 있다.

Basic Grammer

• C 언어와 같은 구조
• 대소문자를 가린다
• 문장은 ;으로 구분된다.
• ",' 를 사용 (같이 쓸 떄는 구분해서 사용)

파이썬 + C언어 느낌..

Rules for writing variable names

• 문자,-(underscore),$로 시작가능
• 대소문자 구분
• 한글도 가능하나, 영어 권고
• 예약어 사용 불가

How to use Variable

• type conversion 이 쉽다.
• 변수 선언 없이도 정의 가능... (자유도가 높다)

Global and local variables

• Global Variable (전역변수)
  코드의 어디에서든지 사용가능
• Local Variable (지역변수)
  블럭 안에 정의, 해당 scope 안에서만 영향

함수 내부에서 var생략시 자동 전역변수로 인식한다.

연산자

파이썬이랑 비슷
숫자 + 숫자 = 숫자
문자열 + 문자열 = 문자열
숫자 + 문자열 = 문자열

• 산술 연산자
• 비교 연산자
  boolean 값 반환
• bit 연산자 (이건 뭐지?)
• 조건 연산자
  
  A = (논리) ? A:B
• 할당 연산자

Control Statements : 제어문

• if~else
  36p 실습해보기
• Nested if~else
• switch~case
  break문 없으면 계속 동작한다.
  +) new (.py)
  객체를 instance로 만든 후에...
• for문
  for(초기식; 조건식; 증감식){}
  아무것도 안 넣으면 무한루프 (while true랑 같다)
  ㅋㅋㅋㅋㅋㅋㅋ 교수님 왈..
  "다 기억할려나 모르겠네요~~"
  모르겠어요...
• while문
  while(조건식){}
  while(1) : 무한루프
• do~while
  먼저 실행하고, 조건을 체크
• break
• continue

Function

Global functions provided by JS

• eval()
  문자 수식을 넣의면 계산
• parseInt()
  문자열로된 숫자식을 숫자로
• isNaN()
  value가 숫자가 아니면 true 리턴
  
  52p 실습
• prompt 메시지 박스를 띄움

중앙대학교 예술공학대학 서상현교수님의 표준웹테크놀로지 수업필기입니다.