강의02 - kyagrd/htmlcss2018spring GitHub Wiki

2018-03-06

지난 강의 때 정리하지는 않고 칠판에다 설명만 했던 것들을 간략히 메모합니다.

  • element의 tag 이름(name)과 속성 (attribute) 등의 용어
  • client-side vs server-side scripting 개념 (이 강의에서 주로 실습하는 것은 client-side)

오늘의 실습 내용

https://codepen.io/kyagrd/ 에 올려놓은 HeadFirstLounge, HeadFirstLounge2, HeadFirstLounge3 이 세 개의 pen 예제를 변경해 가며 실습한다. 실습 내용은 CSS의 기본적인 사용법 세 가지(태그 이름, 아이디, 클래스 셀렉터)를 활용해 보는 것이다. 추가로 자바스크립트를 이용해 페이지가 불릴 때마다 여러 개의 이미지 중에서 하나가 나타나도록 하는 기본적인 클라이언트 스크립트 활용도 실습해 본다.

과제01 JavaScript 공부

https://www.javascript.com/ 에서 JavaScript Road Trip 을 클릭해서 가입해서 자기 아이디로 무료 레벨인 Level 1까지 완료하기 (3/20 까지 캡춰화면 조교에게 제출)

http://learn-js.org/ 에서 Basic 중에 맨 끝에 Callback 빼고 따라가 보기. (자율학습)