1. 주석
// 내용- 줄바꿈을 하기 전까지 주석 처리
/* 내용 */- 여러 줄 사용 가능
2. 줄바꿈과 여백
- ; (세미콜론) : 명령이 끝났음을 명시적으로 표시
- tab : 들여쓰기 단축키
3. 비교
a=1 에서 '='는 우항의 값인 1을 좌항의 변수 a에 대입하는 대입 연산자이다
==(equal operator) : 동등 연산자
===(strict equal operator) : 일치 연산자
- === 는 서로 같은 수를 표현하고 있더라도 데이터 형이 같은 경우에만 같다고 판단
- 에러를 방지하기 위해 == 연산자 대신 === 연산자를 쓰는 것을 강력하게 권함
alert(1 === "1") >> false
alert(1 == "1") >> truenull과 undefined는 값이 없다는 의미의 데이터 형이다. null은 값이 없음을 명시적으로 표시한 것이고, undefined는 그냥 값이 없는 상태이다.
- true/false = Boolean
- -1, 0, 1 ... = Number
- "a", "b" ... = string
- undefined = undefined
- null = null
JS에서 숫자 1은 true로 간주됨
alert(true == 1) // true'!'는 부정을 의미한다. '같다'의 부정은 '같지 않다'이다. 이것을 기호로는 '!='로 표시한다. !=의 결과는 ==와 정반대의 결과를 보여준다.
4. 조건문(Conditional Statement)
- if
조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값는 Boolean이다. Boolean의 값이 true라면 조건이 담겨진 괄호 다음의 중괄호 구문이 실행된다.
- else
if문의 조건이 true라면 if의 중괄호 구간이 실행되고, false라면 else 이후의 중괄호 구간이 실행된다. 즉 else는 주어진 조건이 거짓일 때 실행할 구간을 정의하는 것이다.
- else if
else if의 특징은 if나 else와는 다르게 여러개가 올 수 있다는 점이다. else if의 모든 조건이 false라면 else가 실행된다.
5. 변수와 비교 연산자
prompt(내용); : 어떠한 값을 사용자로부터 받을 수 있는 기능
로그인 로직 ex) id
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var id = prompt('아이디를 입력해주세요.')
if(id=='egoing'){
alert('아이디가 일치 합니다.')
} else {
alert('아이디가 일치하지 않습니다.')
}
</script>
</body>
</html>로그인 로직 ex) id & password
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var id = prompt('아이디를 입력해주세요.');
if(id=='egoing'){
var password = prompt('비밀번호를 입력해주세요.');
if(password==='111111'){
alert('인증 했습니다. '+id+' 님 반갑습니다:)');
} else {
alert('인증에 실패 했습니다.');
}
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>
6. 논리연산자
- && (AND)
&&는 좌항과 우항이 모두 참(true)일 때 참이된다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script>
var id = prompt('아이디를 입력해주세요.');
var password = prompt('비밀번호를 입력해주세요.');
if(id==='egoing' && password==='111111'){
alert('인증 했습니다.');
} else {
alert('인증에 실패 했습니다.');
}
</script>
</body>
</html>- || (OR)
'||'는 '||'의 좌우항 중에 하나라도 true라면 true가 되는 논리 연산자다.
- !
'!'는 부정의 의미로, Boolean의 값을 역전시킨다. true를 false로 false를 true로 만든다. not 연산자라고 부른다.
