자바스크립트 특징과 기본 문법

BruteForceA·2022년 1월 26일
0

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() : 숫자를 문자열로 변경

0개의 댓글