not bad 한 개발

bootstrap에는 여러가지 기능이 있습니다. 그중에 Cross fade 기능이 있습니다, carousel은 보변적으로 슬라이드 방식으로 이미지가 넘어가는 반면에 Cross fade기능은 이미지가 부드럽게 넘어갑니다, 저도 이미지를 넘길 때에는 슬라이드 방식보다는 Cross fade 기능을 많이 선호합니다. bootstap Link : https://getbootstrap.com/docs/4.5/components/carousel/ Carousel A slideshow component for cycling through elements—images or slides of text—like a carousel. getbootstrap.com (여기에서 Crossfade 라고 적힌 부분의 코드를 복사 붙..

DB에 있는 값 하나를 페이지에 띄우거나 여러 개의 값을 띄우는 것은 가능하나 modal 창에 각자 다른 값을 나타내려고 하면 하나의 값은 일반적으로 출력하면 되고 여러 개의 값이지만 한정적이면 modal을 하나하나 만들어서 각자 다른 값을 넣으면 됩니다, 하지만 여러 개의 값이고 나중에 추가할 가능성이 있으면 자연스럽게 foreach문을 사용하여 계속 출력시켜야 합니다, 이럴 경우 modal창으로 띄우면 가장 먼저 가져온 값만 modal창에 나오는 문제가 있었습니다, 이러한 문제를 해결하고자 제작했습니다. github : https://github.com/delight-HK3/Modal_DB_Connect GitHub - delight-HK3/Modal_DB_Connect: UTF-8 encoding ..

https://juniorprogram.tistory.com/51 jQuery - 최대 입력타수 기능 최대 입력 타수 기능은 쇼핑몰 혹은 호텔 등에서 한 번쯤 보셨을 기능입니다, 주로 문의사항이나 환불 요청 등에 사용되는 기능인데 프로젝트를 진행하던 중 단순히 문의사항만 있으면 좀 허전 juniorprogram.tistory.com 위의 포스트는 전에 작성했던 문자를 입력하면 몇 타를 쳤는지 확인이 가능하고 일정 타수를 넘어가면 제한이 되는 코드입니다. 이번에는 반대로 일정 타수 이상을 입력해야만 기능이 열리는 코드를 구현해보았습니다. github : https://github.com/delight-HK3/input_least GitHub - delight-HK3/input_least: UTF-8 enc..

최대 입력 타수 기능은 쇼핑몰 혹은 호텔 등에서 한 번쯤 보셨을 기능입니다, 주로 문의사항이나 환불 요청 등에 사용되는 기능인데 프로젝트를 진행하던 중 단순히 문의사항만 있으면 좀 허전하다는 느낌이 있어서 어떤 기능을 추가할까 고민하던 중에 넣기로 한 기능입니다. github : https://github.com/delight-HK3/input_limit GitHub - delight-HK3/input_limit: If you input more than a certain amount by limiting the input, you cannot enter it. If you input more than a certain amount by limiting the input, you cannot enter ..

이번에는 호텔 혹은 예약 사이트에서 자주 볼 수 있는 최대 인원 수 제한 기능을 만들어 보겠습니다. 이 기능은 기존의 무료 템플릿 에서 기능을 따와 어떤 프로젝트에서든 구현이 가능하도록 제작하였습니다. (이 기능은 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..