Goal
빠르게 [혼자 공부하는 자바스크립트] 책을 끝내자!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
alert('Hello World!') //자바스크립트는 <head></head> 안에 <script>를 생성해서 사용
console.log('Hello JavaScript!') //화면에 출력되는 내용이 많아서 alert()로 결과를 보는 것이 번거롭기 때문에 이용!
</script>
</head>
<body>
</body>
</html> - 따옴표는 문자열을 나타낼 때 쓰지만, 따옴표 자체를 문자 그대로 사용하고 싶을 때: 이스케이프 문자(\) 사용
print("This is \'String\'") -> 출력: This is 'String'
- 줄바꿈 \n
- 탭 \t
- 역슬래시 \\
부정 연산자
!true = false !false = true == 값이 같다 != 값이 다르다 === 값과 자료형이 같다. !== 값과 자료형이 다르다 && 논리곱 연산자 (and) || 논리합 연산자 (or)
자료형 검사
typeof(자료)
typeof('문자열') -> "String" typeof(273) -> "number" typeof(true) -> "boolean"이 방법으로 많이 확인한다 typeof 10 === 'number' -> true
상수(const)
변하지 않는 값을 저장하는 식별자
선언: 상수 또는 변수 를 생성하는 것
할당: 상수 또는 변수에 값을 넣는 것const 이름 = 값const pi = 3.141592 const r = 10 2 * pi * r -> 62.83184
변수(variable)
변하는 값을 저장하는 식별자
let 이름 = 값let value = 10 value += 10 //value에 10을 더한 걸 다시 value에 대입한다는 뜻 value -> 20let number = 10 number++ //number에 1을 더한 값을 다시 number에 대입한다는 뜻 alert(number) -> 11
기본적인 alert 띄우기
<script>
alert('Hello World!') //자바스크립트는 <head></head> 안에 <script>를 생성해서 사용
console.log('Hello JavaScript!') //화면에 출력되는 내용이 많아서 alert()로 결과를 보는 것이 번거롭기 때문에 이용!
const input = prompt('message', '_default') //입력 양식에 글자 입력하고 [확인] 버튼 누르면 입력한 글자가 경고창에 출력됨
alert(input)
const input = confirm('수락하시겠습니까?') //confirm()함수를 사용하면 사용자에게 확인을 요구하는 메시지 창을 나타냄. [확인] 누르면 true를 리턴하고 [취소]를 누르면 false를 리턴함.
alert(input)
</script>inch를 cm로 변경하는 프로그램
<script>
const rawInput = prompt('inch 단위의 숫자를 입력해주세요.') //prompt()는 사용자로부터 글자 입력받을 때 사용
const inch = Number(rawInput) //Number() 숫자 자료형으로 변환 String()은 문자열 자료형으로 Boolean()은 불 자료형으로
const cm = inch * 2.54
alert(`${inch}inch는 ${cm}cm입니다.`)
</script>if 조건문 - 현재 시간 구하기
<script>
const date = new Date()
const hour = date.getHours()
if (hour < 12) {
alert('오전입니다!')
}else {
alert('오후입니다!')
}
</script>switch 조건문
기본 형태
switch (자료) {
case 조건A:
break
case 조건B:
break
default: //생략 가능
break
}<script>
const input = Number(prompt('숫자를 입력하세요.', '숫자'))
switch (input % 2) {
case 0:
alert('짝수입니다')
break
case 1:
alert('홀수입니다')
break
default:
alert('숫자가 아닙니다')
break
}
</script>조건부 연산자 (삼항 연산자) A ? B : C
불 표현식(조건) ? 참일 때의 결과 : 거짓일 때의 결과<script>
const input = prompt('숫자를 입력해주세요.', '')
const number = Number(input)
const result = (number >= 0 ? '0 이상의 숫자입니다.' : '0보다 작은 숫자입니다.'
alert(result)
</script>
keep growing as a web developer!🧃