@1회차 수업@

`정말` 아무것도 모르는 상태에서 시작합니다

하지만 오늘은 html css 파일을 생성하고 집에 가게됩니다.
개발환경 세팅도 끝내게 됩니다.!

+ 웹페이지는 어떻게 동작하는지 원리 이해하기
+ html ,css 가 뭔지! 기타 등등 -
직접 페이지를 뜯어보며 실습합니다.
+ 네이버 메인화면 검색어 순위 1위를 내 이름으로??!

@2회차

제일 중요한 `개념`

[div태그와 css 박살내기]

알짜배기만 -
다양한 케이스를 비교 분석하며 속성을 이해해봅니다.

css -tag,class,id
div 태그란 ?
css 를 포함하는 방법은 무엇이 있을까? 왜 다르게 쓸까?

css 를 깔끔하게 쓰는 방법과 그 이유 알기

@3회차

직접 만들어 봐야 합니다.

2주차 까지 배운 개념을 활용하여 직접 페이지를 만들어보기 시작합니다.

이 과정에서 새롭고 `디테일`한 css 팁들을 배우게 됩니다.

+기본적인 페이지 구조와 그 용어들
+기본 틀 안에서, 각 영역에는 무엇이 들어가는지?
우리가 평소에 봐왔던 아이콘들, 탭들, 카톡썸네일들?? 다 내가 직접 설정하는것?
+ 기본도 탄탄하게 - 경로에 대해서도 이해합니다.
+ 다양한 input form들 다뤄보기 ex) 로그인 입력창, 설문조사 라디오 버튼 등 -

내가 직접 제작하는것도 물론 중요하지만, 시간이 제한적인 만큼

"돌아가서 바로 써먹을 수 있게!
까먹더라도 있다는 걸 알고 있는게 제일 중요하다고 생각해요..

찾아서라도 할 수 있다면
할 수 있는 것이므로..!"

@4회차

드디어 마지막 수업입니다

+ "반응형"은 어떻게 동작하는가...
media query 사용과
다른 방법들은 무엇이 있는지?

+ 나의 모션에 반응하는 웹페이지를 제작합니다
JQuery를 이용하면 더 멋진 기능을 줄 수 있습니다

우리수업은 html과 css이지만 저와함께 약간의 JQuery 맛보기를 통해 훨씬 재밌게 많은걸 얻어가시면 좋겠어요

---------------------------------------------------

[이제까지 배웠던 모든 내용들을 복습합니다!]

8시간동안 위의 내용을 모두 배우면 굉장히 짧은 시간에 많은 내용을 습득하게 되어 많이 뒤죽박죽이거나 스스로 새로 배운내용들을 정리하기가 부담스러우실 수 있으세요

마지막 8시간동안 배웠던 내용들 중 핵심 내용들을 함께 정리해보고
앞으로 어떻게 공부하면 좋을지! 찾아서 이용하면 좋을지! Tip을 공유합니다