48일차
- 유튜브 생활코딩 페이지 자바스크립트 학습
https://www.youtube.com/watch?v=dPRtcRwKo-Y&list=PLuHgQVnccGMBB348PWRN0fREzYcYgFybf&index=2
강의노트
개요
- 생활코딩 8~ 17강
메모
8강: 웹브라우저 제어
: 웹브라우저 제어의 예시로 자바스크립트를 통해 바디태그 전체에 대한 야간모드 적용을 보여줌
(참고 - 이 강의들은 css를 학습하지 않은 상태로 JS를 배우는 과정임)
9강~11강: css기초
: pass
12강 : 제어할 태그 선택하기
: 주/야간 모드 예제로 웹브라우저 제어 실습
구글링 키워드 : javascript select tag by css selector
html
<body>
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor = 'black';
document.querySelector('body').style.color = 'withe';
">
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor = 'green';
document.querySelector('body').style.color = 'yellow';
">
<p>123123123123</p>
</body>-
자바스크립트에서 css속성을 사용할 때는 하이픈 대신 대문자를 사용한다. (이전 커리큘럼 강의에서 다뤘던 코딩 작성 스타일을 되새겨보자)
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=playcodingacademy&logNo=221317135750
코드 작성 케이스 참조 -
태그명 'body'가 들어간 자리는 id나 class 선택자명으로 대체될 수 있다.
13강 : 프로그램, 프로그래밍, 프로그래머
- html과 javascript는 웹을 다루는 컴퓨터 언어들이지만 html을 '프로그래밍 언어'라고는 하지 않는다.
- '프로그램'이라는 단어는 [시간순서]라는 말과 깊이 연관되어 있다. 프로그램의 어원이 각종 공연/행사 등의 '식순'이라는 것을 생각하면 잘 와닿는다고 함.
- 시간순서로 작동하는 프로그램이 사용자의 요구에 따라 점차로 기능이 추가됨
- 특정 조건에서 다른 기능을 수행함 (조건문)
- 반복해서 실행 (반복문)
- 복잡해진 프로그램을 잘 정리하는 방법의 추가 (라이브러리 등)
14~17강 : 조건문 / 비교연산자 / 블리언
-
비교연산자
: 비교연산자는 좌항과 우항의 값을 비교하여 true/false라는 결과값을 제공 -
Boolean
: true/false 단 두개의 값으로 이루어진 데이터타입 -
조건문의 형식
-
아래의 경우 코드A는 실행되고 B는 실행되지 않음
<script> if(true){ 임의의 코드A; } else { 임의의 코드 B; } </script> -
아래의 경우 코드 A는 실행되지 않고 B는 실행됨
<script> if(false){ 임의의 코드A; } else { 임의의 코드 B; } </script>
이슈-솔루션/미해결(질문)
x
학습 소감
x
responsibility