not bad 한 개발

이번에는 호텔 혹은 예약 사이트에서 자주 볼 수 있는 최대 인원 수 제한 기능을 만들어 보겠습니다. 이 기능은 기존의 무료 템플릿 에서 기능을 따와 어떤 프로젝트에서든 구현이 가능하도록 제작하였습니다. (이 기능은 bootstrap 4을 포함하기 때문에 구현할 시 bootstrap 4 버전을 사용하시기 바랍니다.) https://themewagon.com/themes/free-bootstrap-4-html5-responsive-hotel-website-template-hotel/ Hotel - Free Bootstrap 4 HTML5 Responsive Hotel Website Template Hotel is a free Bootstrap 4 HTML5 responsive hotel website tem..

(이 글은 Bootstrap 4.5 버전 기준 입니다.) Bootstrap에는 grid 시스템이라는 것이 존재합니다, 이 시스템은 화면이 일정크기를 넘어가거나 줄어들면 자동적으로 UI가 정렬이 되는 기능입니다, 이 기능 덕분에 PC에서는 UI가 문제가 없지만 모바일에서 UI가 깨지는 문제가 많이 해결되었고 UI를 자동으로 정렬해주기 때문에 개발할 때 상당히 편합니다. https://getbootstrap.com/docs/4.5/layout/grid/ Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, five default r..

Bootstrap은 웹 개발할 때 사용되는 프레임워크로 PC뿐만 아니라 모바일 화면으로 볼 때 UI를 자동으로 정렬해주는 기능이 있어서 많이 사용되는 프레임워크 중에 하나입니다. Bootstrap에서는 자체적으로 사이트를 운영하여 사용법을 알려주고 있습니다, Bootstrap은 버전이 현재 3,4,5 버전 이렇게 3가지가 개발되었는데 3,4는 사용해보니 확실히 3보다는 4에 기능이 좀 더 많이 있어서 다양한 기능을 만들 수 있었습니다, 5는 최근에 개발되어 아직은 사용해보지는 않았지만 좀 더 개발되면 사용해보고 싶습니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, and JS library in the world. getbootstr..

위의 이미지는 많은 사이트에서 사용하고 있는 우편번호 검색 창입니다. 이 창은 특별히 직접 코딩한 것이 아닌 kakao에서 제공하고 있으며 사용법 등 디자인도 변경할 수 있습니다. 소스도 제공하고 있어서 그대로 복사하고 붙여 넣으면 바로 사용이 가능합니다. 또한 기업용, 상업적 용도든 상관없이 무료로 사용이 가능합니다. http://postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net

datepicker의 디자인을 바꾸는 이유는 기본 디자인이 너무 촌스러워서 디자인을 바꾸는 이유가 대부분인데, 이미 자체적으로 개발자분들이 datepicker의 디자인을 제작하여해 보하거나 jQuery에서 자체적으로 디자인을 만들어 배포하고 있습니다. 저는 개인적으로 소소노리님의 Datepicker디자인이 가장 마음에 들었습니다. 디자인 적용과 사용법을 친절하게 알려주셔서 많은 도움이 되었습니다. https://sir.kr/g5_skin/18719 Datepicker 머티리얼 디자인 스타일 > SIR 매번 질문게시판을 통해 많은 도움을 받고 있습니다. 저도 아주 조금이나마 도움이 되고자 이렇게 글을 남깁니다. Datepicker sir.kr (제가 실제로 프로젝트를 제작할때 사용했던 소소노리 님의 디자인..