멋쟁이사자 FE7 21일차

Findings (배운 점)

---

Javascript란

• HTML을 프로그래밍으로 제어한다.
• 웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어
• 요즘에는 게임프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰이고 있음.

개발할 때 사용하면 편리한 브라우저 기능들

window.alert() : 브라우저에 메세지 다이얼로그를 띄웁니다.
window.prompt() : 브라우저에 사용자의 데이터를 입력받을 수 있는 입력 창을 띄웁니다.
window.confirm() : true 혹은 false 값을 반환하는 다이얼로그를 띄웁니다.

console.log() : 콘솔창에 로그 메세지를 보여줍니다.
console.error() : 콘솔창에 에러 메세지를 보여줍니다.
console.table() : 콘솔창에 데이터를 테이블 형태로 제공합니다.

변수란?

프로그램을 만드는 데 필요한 숫자나 문자와 같은 데이터를 보관할 공간이 필요한데, 물건을 잠시 보관하는 상자 같은 역할을 하는 것이 변수이다.

변수는 선언하고 할당하고 사용할 수 있습니다. 또한, 변수는 ‘변할 수 있는 수’이므로 지정된 값을 계속 바꿀 수 있다.

(변수의 종류 중 const는 값을 계속 바꿀 수 없다.)

변수의 자료형

변수의 자료형은 다양한 데이터를 용도에 맞게 쓰기 위해서 입니다. 보통 언어에서는 변수의 자료형과 함께 변수를 선언하지만 자바스크립트는 자료형을 함께 쓸 필요는 없습니다.

문자열 자료형

문자열은 작은따옴표('예시')나 큰따옴표("예시")로 둘러싼 것을 말한다.

문자열은 순서가 있습니다. 순서가 있는 자료형을 시퀀스형 자료형이라고 합니다. 순서는 0부터 시작하며 띄어쓰기도 문자로 취급한다. 이 순서를 index라고 부르며 위와 같이 index로 호출하는 것을 indexing이라고 합니다.

 

출처 : 멋쟁이사자 프론트앤드 스쿨 교안

Number

//숫자형 (Number)
let num = 10;

document.write(num, '<br>');  // 10
document.write(num / 3, '<br>');  // 3.3333..
document.write(parseInt(num / 3), '<br>');  // 3

// parseInt 정수로 바꿔준다.

/* 숫자형의 사칙연산 */
document.write("더하기 : ", 2 + 2.5, '<br>');  // 4.5
document.write("빼기 : ", 5 - 7, '<br>');  // -2
document.write("곱하기 : ", 3 * 2, '<br>');  // 6
document.write("나누기 : ", 2 / 2, '<br>'); // 1

/*특수 숫자 값*/
document.write( "숫자가 아님" / 2 ); 
// NaN, 문자열을 숫자로 나누면 오류가 발생합니다.