부트스트랩 썸네일형 리스트형 [웹] HTML/CSS #13 :: 부트스트랩 반응형 웹 디자인을 할 때 유용한 프레임워크가 있다. 부트스트랩이다. 트위터 개발자들이 만든 CSS 프레임워크이다. 이미 반응형과 관련된 CSS 코드들이 다 만들어져 있고, 내 HTML 소스코드에다가 해당 클래스를 입력하기만 하면 알아서 적용이 된다. 매우 간편하다. 어떤 프레임워크나 마찬가지겠지만, 장단점이 있다. 부트스트랩의 장점은 역시 빠르고 간편하다는 것이다. 이미 만들어져있는 소스를 가져다 쓰기만 하면 되니 빠르다. 직접 하나하나 CSS를 지정해가면서 디자인할 필요가 없는 것이다. 단점이라면 디자인이 정형화 되어있고, 완벽하게 커스터마이징 하기에는 무리가 있달까. 가장 좋은 방법은 부트스트랩으로 그리드를 잡고, 개별 디자인 요소들은 직접 꾸미는 것이라고 생각한다. 부트스트랩의 기본은 그리드다. .. 더보기 [웹] 프론트엔드 개발자란? 개발이란 프로그램을 구축, 구현하는 과정을 통틀어 말한다. 그리고 여기에도 각각 분야가 있다. 개인적으로 프로그래밍을 공부할 때 생각보다 많은 프로그래밍 언어가 있다는 것에 놀랐다. 놀랐다기보단 막막했다. 앱 기획을 하다가 프로그래밍에 대한 이해가 필요할 것 같아서 시작했다. 요즘 대세라는 파이썬으로 기초를 익히고, C++, 자바 정도 배우면 되는 줄 알았다. 그런데 일일이 열거하기도 귀찮을만큼 많은 언어가 있었다. 처음엔 각각의 언어의 특징, 용도를 읽는 데만 꽤 많은 시간을 보냈었다. 알게 된 것은 목적에 맞는 언어가 있다는 것. 즉 C++과 자바를 배우면 아이폰 앱도 만들고, 안드로이드 앱도 만들고, 윈도우 프로그램도 만들고, 홈페이지도 만드는 게 아니라는 것을 알았다. 아이폰 앱을 개발하려면 스위.. 더보기 [웹] HTML/CSS #2 :: CSS란? CSS는 Cascading Style Sheet의 약자다. Cascading은 사전을 찾아보면 '폭포같은, 연속적인, 계속되는'으로 나온다. 스타일 시트는 말 그대로 스타일을 꾸미는 시트다. 벽에 시트지를 붙여서 꾸미는 것처럼, HTML에 꾸미는 시트를 붙이는 파일 형식이다. 앞에 Cascading이란 붙은 이유는 웹 브라우저의 특성 때문. 웹 브라우저는 CSS 파일을 위에서부터 아래로 읽는다. CSS를 열어보면 HTML의 이 내용은 이렇게 꾸미고, 저 내용은 저렇게 꾸미라는 코드가 들어있다. 예를 들어 "이미지는 가로는 160 픽셀, 텍스트는 폰트 굵기는 300, 색깔은 빨간색, 배경은 초록색으로 해라"라는 식이다. 실제로 거의 모든 웹사이트에서 이런 명령어들은 상당히 많고, 개중에 겹칠 수도 있다. .. 더보기 이전 1 다음
