css

Landing page

Landing page 만들기 먼저 Landing page란 검색 엔진, 광고 등을 경유하여 접속하는 이용자가 최초로 보게 되는 웹페이지 라고 한다. 오늘은 어떤걸 해볼까 하고 둘러보다가 가장 기본이되는 페이지이기도 하고 순수 CSS로 만든 웹페이지인데 보기 좋은 효과가 많아 보여서 제작해보기로 했다. 이번에도 저번 Dashboard 때와 마찬가지로 유튜버의 영상을 보면서 제작했다. html과 css로만 구성되어 있고 아주 적은 분량의 Javascript 코드가 들어가 있는데, 이는 반응형 웹디자인을 위해 상단 네비게이션바(헤더-리스트)를 Toggle하는데 쓰이기 때문에 분량이 매우 적고 간단하다. html과 css만 사용하고 엄청 복잡하거나 어려운 내용 없이 간단하게 구성되어있기 때문에 간단하게 혹은 ..

Dashboard 제작

Dashboard 반응형 Dashboard를 제작해보았다. 유튜브 영상을 보며 제작했는데 다양한 css 사용법을 알게된 것 같았다. 지금은 유튜브 영상 제작자의 방식을 그대로 따라한 것이기 때문에 형태가 똑같은데, 이를 바탕으로 좀 더 다른 부분을 추가하거나 바꿔보는 작업을 하면서 더 공부하면 재밌을 것 같다. 제작하면서 느낀 점 전반적인 html, css, js 작성 방식이 어렵다거나 처음보는 내용을 크게 없었다, 그런데 내가 평소 잘 쓰지 않았던 css 문법을 영상 제작자는 자유자재로 쓰는 모습을 보고 확실히 아직 내 실력과 알고 있는 지식이 많이 부족하다는 것을 깨닫게 했다, 나는 css에서 " nth-child " 를 잘 사용하지 않았는데, 이번 dashboard를 만들어 보면서 느낀 점은 "nt..