Javascript의 특징
- 모든 웹 브라우저에서 동일하게 동작한다.
- 웹 브라우저에서 실행결과를 즉시 확인 할 수 있다.
- 다양한 용도의 프로그램을 개발 할 수 있다.
- 다양한 자바스크립트 공개 API
- 다양한 라이브러리와 프레임워크
Javascript 함수 사용 목적
코드의 재사용
미리 정의된 함수를 필요할 때 마다 여러번 호출 할 수 있음
유지보수의 편의성
코드 중복을 억제하고 재사용성을 높일 수 있음
코드의 신뢰성
중복 코드를 줄여 개발자의 실수를 줄일 수 있음
코드의 가독성
객체 타입의 값의 식별자 로써 함수의 역할 파악에 도움을 줌
API vs 라이브러리 vs 프레임워크
API(Application Programming Interfce)
응용프로그램을 만드는데 필요한 연결장치, 매개체
라이브러리(Library)
응용 프로그램 개발을 위해 필요한 기능을 모아놓은 소프트웨어
그 기능에 대한 도구 또는 함수들의 집합
프레임워크(Framework)
응용프로그램이나 소프트웨어 구현을 수월하게 하기 위해 제공된 소프트웨어 환경 프레임워크에 의존하여 기능을 추가하여 개발해야 함
출력문
document.write, console.log, alert
document.write("내용") : body 태그 내에 출력하고 싶을 때 사용한다.
console.log("내용") : 콘솔창에 출력하고 싶을 때 사용함.
개발중에 값 전송, 응답확인 ,객체내용 확인 등을 위해 사용한다. console.info ,error, warn 등이 있다.
alert("내용") : 페이지 상단에 알림을 띄우고 싶을때 사용한다.
입력문
prompt
prompt ("출력질문", "입력창에 출력하고 싶은 기본 값(옵션)")
반환값은 String 이다. 상단에 입력창이 뜬다.
var A = prompt("오늘의 일정은?")
confirm
confirm("출력질문")
선택한 값(확인/취소)은 boolean(논리형) 으로 반환
var choice = confirm("당신은 남자입니까?)
변수
var, let, const 이 있다.
var : 재선언 가능, 재할당 가능하다.
var aValue = 1
var aValue = 2 //재선언
aValue = 4 // 재할당
let : 재선언 불가, 재할당은 가능하다.
let bValue = 1
// let bValue = 2 //재선언 불가능
bValue = 4 //재 할당은 가능
const : 재선언 불가능, 재할당 불가능
const cValue = 1
//const cValue = 2 //재선언 불가능
//cValue = 4 재할당 불가능
비교연산자
==, !=
"=="는 같다를 뜻하고 "!="는 같지 않다를 뜻한다.
타입과 상관없이 값만 같으면 참이다.
5==5 //true
'5'==5 //true===
값 뿐만 아니라 타입까지 같아야 참이다.
5 === 5 //true
'5' === 5 //false : 문자와 숫자 타입이 각각 달라서 false이다.형변환
parseInt() : 문자열을 숫자(정수로) 변경
parseFloat() : 문자열을 숫자(실수)로 변경
Number() : 다른 자료형을 숫자형(정수 & 실수)로 변경
toString() : 숫자를 문자열로 변경
