Tech notes

4. Javascript 객체 (Object) function nightDayHandler(self){ var target = document.querySelector('body'); if(self.value === 'night'){ target.style.backgroundColor = 'black'; target.style.color = 'white'; self.value = 'day'; var alist = document.querySelectorAll('a'); var i = 0; while(i < alist.length){ alist[i].style.color = 'powderblue'; i = i + 1; } } else { target.style.backgroundColor = 'white'..

IT/Javascript 2020. 9. 11. 15:15

3. Javascript 함수 함수는 코드의 수납상자 같은 것! 함수를 사용할 때의 장점 👉 코드의 반복을 줄임 -> 코드 길이가 줄어듬 -> 웹페이지 크기가 줄어듬 -> 전송시 더 유리함 유지보수가 쉬움 (함수 부분만 수정해주면 되니까) 함수의 이름을 통해서 코드의 기능을 파악하는 것도 훨씬 수월해진다 같은 함수를 사용하는 경우 두 코드가 논리적으로 같다는 걸 한번에 알 수 있음 함수는 ​ ※ 이 글은 edwith의 [부스트코스] 자바스크립트의 시작이라는 강의를 듣고 작성되었습니다.

IT/Javascript 2020. 9. 9. 15:43

2. Javascript 제어문 HTML Javsacript 비교 둘 다 컴퓨터 언어이지만 Javascript는 프로그래밍 언어이기도 함 프로그램에는 순서라는 의미가 있음. HTML은 정적이기 때문에 순서대로 움직일 필요가 없지만 자바스크립트는 사용자와 상호작용하기 위해 순서대로 실행될 필요가 있음. 따라서 프로그래밍 언어라고 불리는 것. 비교 연산자와 불리언 비교 연산자 === : 좌우 값이 같은지 판단함 document.write(1===1); 라고 쓰면 True가 출력되는데 이 True를 불리언(Boolean) 데이터 타입이라고 함 document.write(1===2); 는 False가 출력될 것임. 불리언 값은 True와 False 두가지만 존재함. document.write(1

IT/Javascript 2020. 9. 8. 17:19

1. 웹과 Javascript 처음등장한 웹은 HTML만을 사용한 형태 -> 사용자와 상호작용 하기 위해 Javascript를 사용한 웹이 등장 (정적인 웹에서 동적인 웹으로) 📣정리 : Javascript는 사용자와 상호작용하는 언어이다 script 태그 html 문서에서 태그 안에 작성한 코드는 웹이 자바스크립트로 인식한다. html은 정적이다. 1+1을 적으면 화면에 그대로 출력하는 모습. 반면, 자바스크립트는 동적으로 계산기처럼 움직이기도 한다. html과 달리 1+1을 적으면 2로 출력함. 이벤트 = 웹브라우저 상에서 일어나는 사건 ex) 사용자의 클릭(onclick), 내용 변경(onchange), 키 입력(onkeydown) 💡onchange는 입력 후 입력창 바깥쪽을 클릭했을 때 기준으로 ..

IT/Javascript 2020. 9. 7. 17:15