본문 바로가기

반응형웹3

Bootstrap3 , Bootstrap4 , Bootstrap5 차이점 항상 궁금했었는데 이제 진지하게 찾아봤습니다. 부트스트랩이란? "Bootstrap은 웹 디자인 및 UI 개발을 위한 HTML5 기반 Mobile First Front-End Framework입니다. 부트스트랩은 HTML , CSS 및 Javascript 를 사용하며, 부트스트랩은 2011년 8월 Twitter 개발자 에 의해 개발되었습니다 . 오픈 소스 이며 사용하기 쉽습니다."라고 하는데... 쉽기도 어렵기도 한거 같은데... 반응형 홈페이지 제작에 많이 사용되고 있는 툴입니다. 이글을 읽고 계신다면 대부분 부트스트랩에 대해서 아실텐데 그래도 모르는 분들을 위해 아주 약간 설명하면 PC, 태블릿, 모바일 등등 화면 사이즈가 각자 개성이 있죠. 언놈은 크고 언놈은 작고... 그래서 이걸 화면에 맞게 CS.. 2022. 9. 29.
부트스트랩에 대해서 안녕하세요! 오늘은 반응형 홈페이지를 제작하기 위해서 부트스트랩에 대해 먼저 알아보겠습니다. 부트스트랩의 등장 이유는 개발이 진행될 때 개발자의 취향에 따라 도구도 다르고 자신만의 라이브러리를 사용하기도 해서 개발을 시작할 때 미리 어느 정도의 표준을 정해서 진행하는 경우가 많이 있습니다. 그러나 이런 작업이 진행되지 않은 경우 각 개발자의 소스코드 작성 형태 등이 제각각이기 때문에 디자인까지 달라질 수 있죠. 이런 경우 심지어는 다시 작업에 들어가기도 합니다. 트위터의 개발자인 마크 오토(Mark Otto)와 제이콥 쏜튼(Jacob Thornton)은 이러한 다른 생각과 환경에서 오는 여러가지 어려운 점을 개선하기 위해서 정형화된 인터페이스를 만들었습니다. 처음에는 주말과 가외 시간을 이용해서 1년동안.. 2017. 5. 19.
반응형 홈페이지란? 안녕하세요! 반응형 홈페이지 제작관련 블로그를 발행해보려 메뉴를 하나 만들었습니다. 저는 지금 홈페이지 제작 사업을 하고 있습니다. 사실 홈페이지 제작사업 홍보를 목적으로 블로그 포스팅을 하는것은 아니지만 조금이라도 도움이 되었으면 하는 바램은 있습니다 ^^;; 요즘 홈페이지 만들어지는것을 보면 보통 반응형 홈페이지로 제작을 많이 진행하고 있습니다. 업체를 방문해보면 사실 반응형 홈페이지에 대해서 모르시는 분들이 대부분입니다. 그래서 항상 아래 내용들을 설명드리고 있습니다. 반응형 홈페이지란 쉽게 설명드리면 해상도 즉 PC, 태블릿, 모바일 마다 화면의 크기가 틀린데 어떤 기기의 화면에 따라 자동으로 반응하여 사이즈를 조절해주는 홈페이지를 말합니다. 아래 이미지를 보시면 더 이해가 될것입니다. 위 이미지.. 2017. 5. 18.