강의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의 기본적인 사용법 세 가지(태그 이름, 아이디, 클래스 셀렉터)를 활용해 보는 것이다. 추가로 자바스크립트를 이용해 페이지가 불릴 때마다 여러 개의 이미지 중에서 하나가 나타나도록 하는 기본적인 클라이언트 스크립트 활용도 실습해 본다.
- 실습 시간에 수정하는 것을 앞 화면에 보여준 fork된 코드들은 https://codepen.io/kya2/pens/forked 에서 찾아볼 수 있습니다
과제01 JavaScript 공부
https://www.javascript.com/ 에서 JavaScript Road Trip 을 클릭해서 가입해서 자기 아이디로 무료 레벨인 Level 1까지 완료하기 (3/20 까지 캡춰화면 조교에게 제출)
http://learn-js.org/ 에서 Basic 중에 맨 끝에 Callback 빼고 따라가 보기. (자율학습)