고정 헤더 영역
상세 컨텐츠
본문
프로그램, 프로그래밍, 프로그래머
HTML과 자바스크립트는 둘 다 컴퓨터 언어이다.
프로그래밍 언어란 시간 순서에 따라 실행돼야 할 기능을 프로그래밍 언어의 문법에 맞게 글로 적어두는 방식을 고안하는 것이다.
자바스크립트는 사용자와 상호작용하기 위해 고안된 컴퓨터 언어이다.
시간 순서에 따라 웹 브라우저의 여러 기능이 실행돼야 한다.
비교 연산자와 불리언
조건문이란 조건에 따라 다른 수서의 기능들이 실행되게 하는것이다.
===라는 비교연산자는 불리언(boolean)인데 살펴보자.
왼쪽에 있는 값과 오른쪽에 있는 값이 같은지 판단한다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Comparison operators & Boolean</h1>
<h2>===</h2>
<script>
document.write(1===1);
</script>
</body>
</html>
1===1은 같다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Comparison operators & Boolean</h1>
<h2>===</h2>
<script>
document.write(1===1);
</script>
<h3>1===2</h3>
<script>
document.write(1===2);
</script>
</body>
</html>
1===2 는 거짓이다.
부등호를 통해서 알아보자.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Comparison operators & Boolean</h1>
<h2>===</h2>
<script>
document.write(1===1);
</script>
<h3>1===2</h3>
<script>
document.write(1===2);
</script>
<h3>1<2</h3>
<script>
document.write(1<2);
</script>
<h3>1<1</h3>
<script>
document.write(1<1);
</script>
</body>
</html>
1<2는 참이다.
1<1는 거짓이다.
조건문
C언어와 비슷하다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Conditional statements</h1>
<h2>IF-true</h2>
<script>
document.write("1<br>");
if(false){
document.write("2<br>");
}
else{
document.write("3<br>");
}
document.write("4<br>");
</script>
</body>
</html>
중복의 제거를 위한 리팩터링
리팩터링은 가독성을 높이고, 유지보수를 편리하게 만들고, 중복된 코드를 줄이는 방향으로 코드를 개선하는 작업이다.
코딩을 잘 하는 방법이라고도 하는데, 중복을 끝까지 쫓아가 다 없애버리라는 것이다.
'책 리뷰 > 생활코딩! HTML+CSS+자바스크립트' 카테고리의 다른 글
| 16일차 - 함수 (0) | 2024.01.17 |
|---|---|
| 15일차 - 반복문과 배열 (0) | 2024.01.16 |
| 13일차 - CSS 기초 (0) | 2024.01.12 |
| 12일차 - 자바스크립트 입문2 (1) | 2024.01.11 |
| 11일차 - 자바스크립트 입문 (0) | 2024.01.10 |
댓글 영역