변수
// var로 변수 선언
var myVar = "Hello World"; //여러번 선언 가능
// let으로 변수 선언
let myLet = "Hello World"; //여러번 선언 불가능, 값 덮어쓰기 가능
// const로 상수 선언
const myConst = "Hello World"; //여러번 선언 불가능, 값 덮어쓰기 불가능암시적 형변환
console.log(1 + "2"); // "12"
console.log("1" + true); // "1true"
console.log("1" + {}); // "1[object Object]"console.log(1 - "2"); // -1
console.log("2" * "3"); // 6
console.log(4 + "5"); // 9console.log(Boolean(0)); // false
console.log(Boolean("")); // false
console.log(Boolean(null)); // false
console.log(Boolean("false")); // true
console.log(Boolean({})); // true화살표 함수
- 기본형
let add = (x, y) => {
return x + y;
}- 한 줄 형태 : 로직이 한 줄일 경우 가능
let add = (x, y) => x + y;- 매개변수가 하나일 경우 : 괄호 없앨 수 있음
let square = x => x * x;01-1 자바스크립트의 활용
확인문제 1.
1) https://pedia.watcha.com/
2) https://news.naver.com/
3) https://www.netflix.com/
4) https://www.youtube.com/
5) https://online.spartacodingclub.kr/
확인문제 2.
Chrome - 64.8%
Safari - 19.5%
Edge - 4.63%
Firefox - 2.93%
Samsung Internet - 2.57%
Opera - 2.33%
01-2 개발환경 설치와 코드 실행
확인문제 1.
입력) 안녕하세요"
출력) '안녕하세요'
입력) console.log("안녕하세요")
출력) 안녕하세요
입력) "안녕하세요
출력) Uncaught SyntaxError: Invalid or unexpected token
확인문제 2.
- 코드
<body>
<script>
document.body.innerHTML = "<h1>안녕하세요</h1>"
</script>
</body>- 출력
안녕하세요01-3 알아두어야 할 기본 용어
확인문제 1.
a - 식별자 사용 가능
hello - 식별자 사용 가능
10times - 식별자 사용 불가능 (숫자로 시작함)
_ - 식별자 사용 가능
$ - 식별자 사용 가능
확인문제 2.
console.log() 에서 console 은 식별자
확인문제 3.
console.log() 에서 log() 는 메소드
확인문제 4.
weAreTheWorld
createOutput
createRequest
initServer
initMatrix
확인문제 5.
- 코드1
konsole.log('안녕하세요')- 에러1
ReferenceError: konsole is not defined- 코드2
+++ 1 ++ 2 + 3- 에러2
SyntaxError: Invalid left-hand side expression in postfix operation- 코드3
console.log)- 에러3
SyntaxError: Unexpected token ')'02-1 기본 자료형
확인문제 1.
&& : boolean
- : 숫자
* : 숫자
|| : boolean
확인문제 2.
- 코드
<script>
console.log("# 연습문제")
console.log("\\\\\\\\")
</script>- 출력
# 연습문제
\\\\확인문제 3.
- 코드
<script>
console.log("안녕하세요"[1])
console.log("안녕하세요"[2])
console.log("안녕하세요"[3])
console.log("안녕하세요"[4])
</script>- 출력
녕
하
세
요확인문제 4.
- 코드
<script>
console.log(2+2-2*2/2*2)
console.log(2-2+2/2*2+2)
</script>- 출력
0
402-2 상수와 변수
확인문제 1.
const : 상수를 선언할 때 사용하는 키워드
확인문제 2.
= : 값을 할당할 때 사용하는 연산자
확인문제 3.
- 코드
<script>
const r
r = 10
console.log('넓이 = ${3.14*r*r}')
console.log('둘레 = ${2*3.14*r}')
</script>- 디버깅
const r = 10 으로 수정, r=10 삭제
확인문제 4.
- 코드
<script>
const number = 10
console.log(++number)
console.log(number++)
console.log(++number)
console.log(number--)
</script>- 출력
11
11
13
1302-3 자료형 변환
확인문제 1.
confirm() : 사용자로부터 불 입력을 받는 함수
확인문제 2.
String() : 문자열 자료형으로 변환합니다.
Boolean() : 불 자료형으로 변환합니다.
확인문제 3.
- 코드
<script>
const input = prompt('cm 단위의 숫자를 입력해주세요.')
const cm = Number(input)
const inch = cm *0.393701
alert('${cm}cm는 ${inch}inch 입니다.')
</script>확인문제 4.
- 코드
<script>
const input = prompt('원의 반지름을 입력해주세요.')
const r = Number(input)
const a = 3.14 * r * r
const l = 2 * 3.14 * r
alert('원의 반지름: ${r}')
alert('원의 넓이: ${a}')
alert('원의 둘레: ${l}')
</script>확인문제 5.
- 코드
<script>
const input = prompt('달러 단위의 금액을 입력해주세요.')
const dollar = Number(input)
const won = dollar * 1207
alert('달러: ${dollar}')
alert('-> 원화: ${won}')
</script>확인문제 6.
1) 이차방정식 근 구하기
2) GB -> TB 변환
3) kg -> pound 변환
