[2024 신입부원 기초 스터디] 김규현 #3주차

JavaScript란?

Ecma International의 프로토타입 기반의 프로그래밍 언어로, 스크립트 언어에 해당된다. HTML과 CSS에 더불어 웹을 구성하는 요소중 하나로 웹페이지가 동작하는 것을 담당한다. Java와는 다른 언어이며 백엔드개발에 활용가능
 
 

 

 

JS문법

 

1) 타입

1, 2	Number 타입
"abc"	String 타입
true	Boolean 타입
[1. "abc". true]	Array 타입

 

2) 연산자

 
- 산술연산자

let a = 1;
console.log(a + 1); // 더하기 산술 연산자
console.log(a - 1); // 빼기 산술 연산자
console.log(a * 1); // 곱하기 산술 연산자
console.log(a / 1); // 나누기 산술 연산자
console.log(a % 1); // 나머지 산술 연산자
console.log(a ** 1); // 거듭제곰 산술 연산자

 
- 비교연산자

let a = 3;
console.log(a == 3); //같으면 true
console.log(a != 3); // 다르면 true
console.log(a < 3); // a가 3미만이면 true
console.log(a <= 3); // a가 3이하이면 true
console.log(a > 3); // a가 3초과이면 true
console.log(a >= 3); // a가 3이상이면 true

 

3) 조건문

 

if (/* 조건문 A */){
	// 조건문 A가 참이라면 실행
} else if (/* 조건문 B */) {
 	// 조건문 A가 거짓이고 조건문 B가 참이면 실행
} else {
	// 조건문이 모두 거짓이면 실행
}

 

4) 반복문

 
- while 문

while (/* 조건문 */) {
	// 조건문이 참일 때 계속 반복 실행
}

 
- for 문

for (/* 초기식 */; /* 조건식 */; /* 증감식 */){
	// 조건식이 참일 때 계속 반복 실행
}

 
 

Event 속성 

 

onmousedown	마우스 버튼을 클릭하는 순간
onmousemove	마우스를 움직이는 순간
onblur	커서가 다른 곳으로 옯겨갈 때
onkeydown	키보들를 누를 때
onsubmit	전송 버튼을 클릭할 때
onclick	버튼 등을 마우스로 클릭할 때
onresize	브라우저의 크기를 변경했을 때

 

Alert

이 함수가 실행되면 사용되면 사용자가 'ok'버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 됨

alert("Hello");

 

prompt

이 함수가 실행되면 텍스트 메시지와 입력 필드, 확인 및 취소 버튼이 있는 모달 창을 띠움 

result = prompt(title, [default]);
// title 사용자에게 보여줄 문자열, default 입력 필드의 초깃값