웹 개발36 06, 07, 10 반응형 웹사이트 (레이아웃 배치, 미디어 쿼리, 헤더) 이건 보고 그대로 했다. 10개 -> 8개 -> 9개가 되는데 nth-child로 숨기거나 보이거나 이렇게 했다. display:none 이건 앞의 내용을 바탕으로, 미리 보기? 샘플 사진만으로 그거 보고 미디어 쿼리와 CSS, HTML로 구현한 것이다. 보고 한 건 이거고, 생각보다 수월하게 작업할 수 있었다. 이건 헤더를 구현한 것인데, 이거 역시 너비를 조절하면 횡스크롤바가 생기는 것을 방지하고, 답답함을 줄이기 위해 빈칸을 넣게 되었다. https://github.com/ericanorhee/ienlab_microsite/commit/92881ee38a37966d15bf7d372a26e135d93892ce 200822_ienlab_microsite · ericanorhee/ienlab_micros.. 2020. 8. 22. 05 반응형 레이아웃 유형 3 연습 중 이번에는 보지 않고 사진만 보고 구현하는 것을 목표로 하고 있다. 완성. 코드는 깃허브에! 재밌다. 언제까지나 미디어 쿼리만 잡고 있긴 그렇지만 차근차근! https://github.com/ericanorhee/ienlab_microsite/commit/9070c85c8955bb1d5bc6c973c48be0bf3182e973 200820_ienlab_microsite · ericanorhee/ienlab_microsite@9070c85 05 edu.goorm.io/learn/lecture/16942/웹퍼블리싱-실습-반응형-사이트-만들기/lesson/813675/05-반응형-레이아웃-유형-3 github.com 2020. 8. 20. 반응형 웹사이트 개발 - 미디어 쿼리 예전에 배워 두었던 미디어 쿼리를 다시 공부하고 있다. 너비에 따라 레이아웃이 달라진다. float과 width, height의 조절을 통해서 레이아웃을 다르게 배치 중이다. https://github.com/ericanorhee/ienlab_microsite/commit/8fb6f8455c2c69a29d90e875035f18deac87ea92 200819_ienlab_microsite · ericanorhee/ienlab_microsite@8fb6f84 04까지 했음 edu.goorm.io/learn/lecture/16942/웹퍼블리싱-실습-반응형-사이트-만들기/lesson/813674/04-반응형-레이아웃-유형-2 github.com 2020. 8. 19. 반응형 사이트 제작 따라하는 중 header, nav, aside, section, footer 등 시멘틱 태그를 사용하여 기본적인 틀을 잡는 강의를 그대로 해보는 중 2020. 8. 17. mo.js 모션그래픽 라이브러리 사용 예제를 따라해 봤습니다. 로딩 화면 같은 곳에서 사용하면 될 듯. 현재 개인 로고 가지고 가지고 노는 중. 2020. 8. 16. 브라켓 하려다가 웹스톰 설치 하.. 웹스톰 설치 했습니다. 웹사이트 개발 딱 대 2020. 8. 15. 이전 1 ··· 3 4 5 6 다음