CSS, Bootstrap....음

 

CSS is Awesome by quaelin

 

 

썰렁한 HTML 페이지를 꾸미기 위한 다양한 도구를 제공하는 CSS, Bootstrap...정말 놀라운 사람들이 많이 있네요

 

이런 것들을 만들어 내는 사람들은 정말 대단합니다

 

오늘 새롭게 배운 것들을 잠깐 정리해 보면,

 

• HTML 로 뼈대를 만들고, CSS 로 뼈대를 꾸민다
• CSS 를 사용하기 위해서는 HTML 에서 id 를 지정한 값을 불러와서 원하는 속성을 준다그런데, 웹 페이지에서 동일한 속성을 가지는 여러 개의 항목이 있을 경우는 id 를 지정하는 것보다 class 를 지정하는 것이 더 편하다
• Id 는 전체 코딩 중에서 중복되는 것이 있으면 안되지만, class 는 여러 개의 항목이 동일한 이름을 가질 수 있다
• CSS 에서 id 를 꾸밀 때에는 # 으로 이름을 불러오지만, class 를 꾸밀 때에는 Dot (.) 로 이름을 불러온다

 

많이 아시는 분들에게는 대단한 내용이 아니겠지만, 정말 초보 입장에서는 하나 하나 알아가는 즐거움이 있네요

 

그 중에서도, 수많은 CSS 작업을 미리 해 놓은 Bootstrap 은 정말 대단한 일인 것 같습니다

 

Bootstrap 사이트: http://getbootstrap.com/

한글 번역 사이트: http://bootstrapk.com/BS3/

Bootstrap Them 사이트: http://bootswatch.com/

 

강의 중에도 나온 말처럼, Bootstrap 만을 그냥 이용하다보면, 많은 사람들의 웹 사이트와 유사해지는 리스크가 존재할 수 있겠네요

Bootstrap Template 을 제공하는 Bootswatch 사이트를 잘 이용해 보는 것도 좋은 방법이겠네요

 

이렇게 코딩을 하나 하나 하지 않아도, 드림위버같은 프로그램을 쓰면 웹페이지 제작이 가능하긴 합니다

하지만, 이런 공부를 통해서 웹 서비스가 어떻게 구성이 되어 있는지에 대한 이해를 하는 데 도움이 될 것으로 생각합니다

 

이번 수업은 시간이 좀 많이 소요되네요

다음번 수업을 또 기대해 봅니다