[웹 소프트웨어] Lec. 7. Basics of JavaScript

4/11

 

JavaScript는 마치 뇌와 같다.

 

특징 of JS

• 해석 가능한 언어
• Dynamic
• 함수형 프로그래밍
• OOP
• JS is Scripting language.
• 자바 아님.
• 배우기 쉽다.(아마도)

Location of JS

• External: <script> 태그의 안쪽에 넣는다.
• Inner: <script>태그 안쪽으로 넣는다.
• Inline: html 요소 안쪽에 넣는다.

 

JavaScript 출력

• innerHTML: 태그를 이용
• document.write(): 그냥 씀
• window.alert(): 알림상자로 사용
• console.log(): console에 띠움
• 주석은 //로 줄주석, /**/으로 범위주석

변수

• 데이터 저장공간
• var로 일반적으로 선언. let과 const도 이용하는 추세
• const-let-var 순서로 엄격.
• let은 재정의 되지 않음. 사용되기 전에 정의되어야함. block scope
• const역시 재정의되지 않음. 재할당도 안됨. Block scope

연산

• ==은 느슨한 비교(equality)(문자로도 숫자가 같으면 같은 취급), ===은 엄격한 비교(equality)
• +는 숫자와 문자를 그대로 더함.(숫자도 문자처럼)
• -는 반대로 숫자로 변환

함수

• argument로 주고 parameter로 받음.
• 호출은 일반 호출/자동 호출/이벤트 3가지 방법으로
• argument/parameter에 기본값을 주는 것도 가능.
• ...args로 많은 입력을 받는 경우도 처리

객체(object)

• 속성과 함수로 이루어짐
• key-value 구조
• call() 메소드로 다른 객체에서 소환 가능(apply()도 유사)
• keyword class 사용/constructor() 사용으로 생성
• length 속성으로 문자열 길이 반환.
• slice()로 슬라이싱 가능
• replace()로 대체 가능
• toUpperCase()나 toLowerCase()로 대문자/소문자화
• concat()으로 붙이고
• charAt으로 특정 인덱스의 문자 출력
• toString()으로 문자열로 변환
• Number.isInteger()로 정수형인지 확인
• parseInt()는 정수형 파싱, parseFlloat()는 실수형 파싱
• array는 일반적으로 선언하기도 하지만, object를 이용하기도 한다.
• array는 pop()과 push를 가지고, length도 가지고.
• sort()는 문자만 정렬한다!. 숫자는 안됨.(다른 방식 필요)
• 조건문이나 반복문은 C/C++과 유사하다(if, else, switch, for, while 등)