65일차(2)
-
Day65 - [css]디자인실습 01
약 4~5일 동안 디자인실습 을 하기로 했습니다. 디자인실습은 딱히 직접 해보거나 그런건 아니고, 선생님이 디자인을 어떻게 하는지 같이 해보고, 나중에 참조해서 직접 해보라고 하셨는데요. 0부터 시작하기에는 디자인 하는데 시간이 오래 걸리니, 특정 홈페이지를 클론으로 만들기로 했습니다. ( 기능구현 x ) 그 중에서 여러가지 배울 점 들이 있어서, 한번 포스팅 해보겠습니다. 1. 특정 페이지의 헤더 , 본문 , 푸터 를 나누어서 생각을 해라. 예를 들어서, ncs.go.kr 의 디자인 클론을 만든다고 가정을 하면, 아래의 빨간색 박스가 헤더 겠죠? 그리고, 이러한 헤더는 어떤 홈페이지 에서는 fixed 로 되어 있어서 스크롤을 내려서 따라 오기도 하구요. 어디까지가 헤더인지 감이 안올 때는, f12(개발..
2021.05.19 -
Day65 - [css]부트스트랩.폼 , 모달, Carousel
이번에는 부트스트랩의 폼과 모달을 알아 봅시다. 폼 부트스트랩 에서 제공하는 style 들은, 전부 w3schools.com 에서 확인 할 수 있습니다. 그 중에서, 폼을 한번 알아보도록 하겠습니다. 폼의 기능은 html 에서 사용하는 태그고, 부트스트랩은 해당 폼에 디자인을 입히는 건데요 w3schools.com 에 들어가서, 원하는 형태를 골라서 Example 를 복사해서 가져오면 됩니다. ※아래의 초록색 박스에 있는 "Try it Yourself" 를 클릭해서, 어떻게 작용하는지도 바로 알 수 있습니다. 모달 모달창은 화면에 창을 숨겨두고, 버튼클릭시 숨겨진 창을 보여주는 형태로 동작 합니다. 모달창 같이 동적인 기능을 사용하라면 jquery라이브러리 참조가 필요 합니다. 저는 부트스트랩 을 다운로..
2021.05.19