학습 한 내용

오늘은 키즈가오 실습을 했다. 일단 분량이 너무 많은데도 실습까지 하려하니 많이 진이 빠지긴 했다
확실한건 이미지를 이용하여 애니매이션도 들어가있는 브라우저를 만드는 실습을 하다보니 재밌는 요소들도 굉장히 많았다. 하지만 상당히 복잡했고 힘든 수업이였다
개발일지를 미리 쓰고 나서 복습을 해야겠다 2시간 20분 동안 실습만 하는 내용이다 보니 따라가기 바빴기 때문이다
이때까지 배운 내용들이 전부 들어가 있는 것 같다 잘 보면 어려운 내용이라기 보단 다 배웠던 내용들 이지만 양이 많아지며 살짝 과부하가 온것이다
style.css / animation.css/ mobile.css 이 세가지를 동시에 하다 보니 조금 복잡했지만 어렵다고 느낀 내용들은 많이 없다
position: absolute; 를 이용하여 z-index: 100; 등 3차원특징 z축을 이용하여 작성하다 보니 머릿속으로 그리는게 조금 더 헷갈렸지만 충분히 이해할만 했다 큰틀을 2차원 포지션으로 잡고 틀 속에 작은 것들을 3차원으로 채워 나가는 레이아웃 특징등 이때까지 배운 것들을 이용한 실습이였다
가장 재밌었던건 애니매이션에 @keyframes 를 사용하여 움직이는 이미지를 만들 때 였다.
눈으로 보는 재미가 있어 상당히 즐거웠다 여기서 모바일 버전까지 만들어 가며 하다보니 조금 많이 복잡해졌다 max-width: 767px 를 이용하여 줄였을 때의 변화들을 또 다른 css에 작성하였는데 그나마 최근에 공부 했던 것이라 이해는 쉬웠지만 이때까지 배운내용들을 오늘 정리하는 느낌으로 학습을 듣다보니 훨씬 더 이해가 됬다

학습 후 소감

하루가 짧았다고 생각 할 만큼 집중을 최대치로 올렸다. 새로운 내용이면 머리에 안들어 오는 내용이 있겠지만 다 배웠던 내용이였고 정리하는 느낌으로 강의를 듣고 실습을 해서 그런지 지금 개발일지 쓰면서도 빠르게 훑더라도 빨리 복습하고 싶은 마음이 크다 오늘 한 내용을 잘 정리하고 외우기만 한다면 상당히 뿌듯할 것같다. 오늘도 좋은 강의 해주신 김인권 강사님과 대구 ai 스쿨 사랑합니다 !!