고정 헤더 영역
상세 컨텐츠
본문
프로그램, 프로그래밍, 프로그래머
프로그램 = 순서
프로그래밍 = 순서를 만드는 일
프로그래머 = 순서를 만드는 사람
조건문
조건문은 아주 복잡한 업무까지 해방될 수 있게 한다.
비교 연산자와 불리언(불리언은 데이터타입 중 한 개이다. 숫자(number)나 문자열(string)에는 아주 많은 종류가 있다. 하지만 불리언에는 True or False 오직 두개만 존재한다.)
비교 연산자를 통해 두 값을 비교하고, 그 결과를 불리언을 통해서 알아낸다.
document.write()
웹페이지에 괄호 안에 있는 정보를 출력하는 것.
=== 비교 연산자
true / false = 불리언 (불리언을 통해 인류는 반복작업에서 해방되었다)
1<2
< = < (less than)
> = > (greater than)
if(불리언){} else{}
if(true){} else{} = true면 다음것이 나오고, else 바로 다음 것은 무시.
if(false){} else{} = false면 다음것이 무시되고, else 바로 그 다음것은 등장.
*불리언의 값이 무엇이냐에 따라 실행되는 값이 바뀐다.
조건문의 활용
<body>
<input id="night_day" type="button" value="night" onclick="
if(document.querySelector('#night_day').value === 'day') {
document.querySelector('body').style.backgroundColor = 'white';
document.querySelector('body').style.color = 'black';
document.querySelector('#night_day').value = 'night';
}
else {
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'white';
document.querySelector('#night_day').value = 'day';
}">
리팩토링
코딩 완료 후, 비효율적인 코드들을 효율적으로 만들어 중복된 코드를 낮추고, 깔끔하게 만들어주는 것. 틈틈히 리팩토링을 해야만 깔끔한 유지보수 가능, 가독성 향상
코딩 잘하는 방법: 중복을 끝까지 찾아가 없앤다.
document.querySelector('night_day') = this 자신을 가리키는 this라는 키워드
-> if(document.querySelector('night_day').value === 'night';){}
->if(this.value === 'night';){}
var target = document.querySelector('body')
-> document.querySelector('body').backgroundColor= 'black';
-> target.backgroundColor= 'black';
배열([ ])
집에 있는 물건을 정리하기 위해 서랍장이나 상자에 넣듯이 프로그래밍에서 많은 데이터를 종류별로 정리하는 방법 (수납상자)
배열은 [ ] 대괄호로 시작
<script>
var coworkers = ["egoing", "leezche","egoing", "leezche","egoing", "leezche"];
</script>
<h2>get</h2>
<script>
document.write(coworkers[0]);
document.write(coworkers[1]);
</script>
<h2>count</h2>
<script>
coworkers.push('duru');
coworkers.push('taeho');
</script>
반복문(while)
<h1>Loop</h1>
<script>
document.write('<li>1</li>');
var i = 0;
while(i < 3){
document.write('<li>2</li>');
document.write('<li>3</li>');
i = i + 1;
}
document.write('<li>4</li>');
</script>
