not bad 한 개발

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..

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..