안녕하세요

5월은 하루에 5시간 강의라서 점진적인 적응을 하기에 좋은 것 같습니다. 국비교육 외에도 개인적인 일이나, 운동, 언어 공부도 쉬지 않기 위해 힘내야하는데 제대로 잠을 못 자서 하루 24시간이 온전하게 24시간으로 다가오질 않습니다. 수면 사이클이 엉망이라 아직 많이 피곤하지만 다음 주 부터는 이 사이클도 맞출 수 있도록 열심히 자야겠습니다. 주차별 기록에는 중요한 것, 잊기 쉬운 것, 완전기억으로 만들 수 있을 만한 내용들, 그리고 작업물들을 정리해 복습하기 쉽도록 해야겠습니다. 1주차 노트 5월20일 5일차 - 마우스이벤트 hover, font, icon 5월19일 4일차 - popup창 구현 (jquery) 5월18일 3일차 - navigation bar (box 강의 semantic tag 기억하..

js를 적용하는 3가지 방법을 배웠습니다. (head style/ body style/ DOMcontent~) font-family주소 폰트를 적용하는 방법을 배웠습니다. 가상요소선택자를 배웠습니다. ::after ::before css 마우스이벤트 hover:를 학습했습니다. 변화를 눈으로 확인하면서 웹을 만들 수 있기 때문에 다른 것보다 재밌게 할 수 있습니다. [pxxxbay 화면 따라 구현하기. 주소는 업데이트 됨에 따라서 스크린샷과 다를 수 있습니다.] [XEicon주소] CDN(Content Delivery Network) 아이콘을 적용하는 방법을 배웠습니다. 마우스이벤트 hover : 마우스가 올라간 상태 js를 적용시키기는 3가지 방법입니다. 첫번째, body의 마지막에 script를 위치..

​position과 자바스크립트로 팝업창을 구현하는 방법을 배웠습니다. 점점 더 복잡해져 가기 때문에 오늘부터는 만들어 본 페이지의 이미지나 사이트 주소를 적극적으로 활용하려고 합니다. 오늘 수업 중 구현한 화면입니다. [close 버튼을 클릭하면 팝업창이 사라집니다.] [menu 버튼을 클릭하면 X버튼으로 모양이 변하면서 왼쪽에서 메뉴 창이 나타납니다.] 수업 중 배운 내용을 복습합니다. css는 보기 좋게 정리할 수 있도록 노력해야겠습니다. [기존에 만든 css와 semantic tag는 전부 지우고 배운 내용을 기반으로 만들어 본 pixabay 메인화면입니다. 새로운 내용을 배울 때마다 업데이트하기 때문에 스크린샷과는 다른 화면이거나 없는 주소일 수도 있습니다.] display 속성 display:..

독학으로 공부하면 semantic tag가 이상하게 사용되기 쉽습니다. 왜 이렇게 쓰이는 건지 다른 사람이 만든 코드를 세세하게 분석하지 않으면 의미를 알기 어렵기 때문이라 생각합니다. 교육의 장점은 이런 부분에서 질문을 할 수 있다는 점 같습니다. 왜 이런 semantic tag 가 이용되었는지~ margin은 왜 이렇게 적용하는지~ 등등 쌤이 가르쳐 주는 대로 반복 숙달 하여 이상한 습관이 생기지 않으려 노력해야겠습니다. 자료형 {} 대괄호는 배열 [] 중괄호는 객체 선택자 같은 기능을 하는 경우 (ex) container) 동일한 이름을 부여합니다. 후손선택자