좀 더 간략한 슬라이드 식이 있을 줄 알았는데 예상 외로 복잡해서놀랐습니다..구글 codepen이 너무 간결해서그런건지.. 그래도 바닐라자바에 대해 좀 더 알게되었네요..

oo !

css, js, html을 가급적 한 코드에 넣어서 셋이 어떻게 동작하는지를 이해할 수 있도록 한것이예요. 결국 저희가 이 세개 동작을 잘 이해하고, 실제 웹페이지를 만든다면 이 세개 코드가 있는 상태서 하는 경우도 많으니까요. 실제와 가깝게 익힐 수 있도록 한 것이긴 해요. codepan도 좋은 툴인데 저는 좀 코드펜이 더 난해하다 느껴지고, 실제와는 살짝 달라서, 잘안씁니다만 참고는 해볼께요

현업에서 실제 웹서비스를 개발한 경험을 기반으로, 입문자를 위한 실제 상용화도 가능한 수준의 웹과 앱서비스를 개발하는 것을 목표로 하는 풀스택 시리즈 강의입니다. 이를 위한 Part2 강의로 다양한 기술이 존재하는 프런트엔드 기술에서 반응형, 호환성까지 고려한 최신 HTML5, CSS3, 바닐라 자바스크립트 (Javascript) + ES6 를 모두 견고하게 싹 정리하는 강의입니다.