수업 구성
- 수업은 생활코딩의 자바스크립트 강의입다.
- 3분 ~ 10분 사이의 강의로 구성되어 있습니다.
- 강의 영상 밑에는 내용을 정리한 글이 있어서 강의 내용을 다시 복습할 수 있습니다.
- 마지막에는 '생각해보기'란이 있어서 배운 내용을 가지고 생각해볼 수 있는 질문이 있습니다.
1월 7일 들은 수업 LIST
- 수업소개
- 수업의 목적
- HTML과 JS의 만남: script태그
- HTML과 JS의 만남 : 이벤트
- HTML과 JS의 만남 : 콘솔
- 데이터 타입(문자열과 숫자)
오늘의 정리
1. 수업소개
정적인 정보인 HTML을 Javascript가 동적으로 만들어 주는 것입니다.
2. 수업의 목적
Javascript는 사용자와 상호작용 하는 언어입니다. Javascript는 사용자와 상호작용 하는 언어입니다. 그리고 우리는 실습을 통해서 어떻게 이러한 일이 가능한지 살펴보았습니다. 웹 브라우저는 한 번 출력되면 바뀔 수 없지만, Javascript 코드에 따라서 style 속성이 추가되면서 디자인이 바뀌는 것입니다.
이러한 Javascript의 특성을 이용해서 우리는 웹페이지를 더 동적으로 만들 수 있습니다.
생각해보기
1) night 버튼을 눌렀을 때 배경이 검은색이 아닌 회색으로 바뀌도록 만들고 싶다면, 어떻게 하면 될까요?
document.querySelector('body').style.backgroundColor='gray';수업 듣는 방법
먼저, 강의 영상을 쓰윽 봅니다. 이때, 검색하는 내용이 나오면 제가 먼저 검색해보고 강의를 봅니다.(검색하는 방법을 배우기 위해서 입니다.) 강의를 다 본 후에 노션에 요약 글을 옮겨 적으면서 다시 한번 복습합니다.
노션에 글을 옮기면서 실습할 내용들을 실습합니다. 마지막으로 '생각해보기'로 수업을 마무리 합니다.
이렇게 강의를 보니까 강의 중간 중간 마다 실습한다고 멈추고 이렇게 시간 낭비를 안하게 되었고, 따로 실습하면서 강의를 볼때는 그냥 넘어갔던 부분들을 짚을 수 있었습니다.
수업을 들으면서 좋아던 점
생활코딩 홈페이지에서 듣는 강의에서 내용이 정리되어 있지만, 부스트코스에 정리된 것이 더 자세히 나와 있어서 좋았다. 그리고 '생각해보기'를 통해서 단순히 수업을 듣고 넘어가는 것을 방지할 수 있어서 좋았다.
수업을 들으며 아쉬운 점
저는 HTML, CSS에 대한 강의를 몇 번 보고, JS에 대한 강의도 보고 있다가 여기로 넘어왔습니다. 그래서 생활코딩 WEB1 강의를 보지 않았습니다. 자바스크립트의 시작 강의는 WEB1을 본 사람이 계속 이어서 공부하도록 설계되어 있습니다. 그래서 WEB1을 봤을 때의 HTML 파일을 가지고 있어야 수업을 진행할 수 있습니다. HTML,CSS를 다른 데에서 공부한 사람들은 아래 주소를 통해서 HTML을 작성해서 넘어오는 것을 추천드립니다.
https://opentutorials.org/course/3084/18431
.png)
