not bad 한 개발

개인 프로젝트를 진행 하던 중 12시가 지나면 메인 화면이 변하는 기능이 있으면 어떨까 라고 생각하여 만들게 되었습니다. 하지만 만들고 보니 화면 뿐만 아니라 다른 부분도 시간이 지나면 다르게 할 수 도 있겠다는 생각을 했습니다. github : https://github.com/delight-HK3/Time_change GitHub - delight-HK3/Time_change: After 12 o'clock the css class changes. After 12 o'clock the css class changes. Contribute to delight-HK3/Time_change development by creating an account on GitHub. github.com (jQuery파..

대부분의 프로젝트에는 페이지네이션 기능이 들어갑니다, 하지만 페이지네이션을 라이브러리 없이 만들면 어렵습니다, 하지만 codeIgniter3에는 페이지네이션을 구현하기위한 라이브러리가 있고 저희들은 사용하기만 하면됩니다 이번에는 페이지네이션 라이브러리를 활용하여 페이지네이션을 구현하는 방법을 알려드리겠습니다. 이번 글에는 bootstrap 4.5 버전을 사용했습니다.DB설계 (pagedb 테이블) github : https://github.com/delight-HK3/codeIgniter_pagination GitHub - delight-HK3/codeIgniter_pagination: We implemented the Pagination function using the Pagination librar..

프로젝트를 진행하는데 글 작성 기능을 추가하고 싶었습니다. 그래서 에디터를 찾던 중 CKEditor를 찾았습니다, 이번 글에서는 CKEditor4의 적용 법을 작성하겠습니다. CKEditor는 자바스크립트로 작성되어 있으며 PC화면에서도 모바일에서도 화면 정리가 된다는 장점이 있습니다, 그리고 UI가 심플하며, CKEditor 사이트에서 커스텀으로 기능 추가가 가능합니다, 또한 이미지도 업로드가 가능하기 때문에 선택했습니다. 그리고 cdn으로 사용이 가능합니다. https://ckeditor.com/ckeditor-4/download/ CKEditor 4 - Download Latest Version Download a ready-to-use Latest Version of CKEditor 4 packa..

파일 업로드 관련하여 코드를 제작하던 중 문득 파일의 이름이 중복되면 어떻게 해야 하나 생각했습니다, 그래서 여러 가지 방법을 시도해보았지만 빈 테이블 행을 하나 만든 후 그 안에 나중에 값을 넣는 방식으로 해보니 다행히 이미지 이름의 중복성도 사라지고 서버의 공간도 어느 정도 절약할 수 있었습니다. 이번 글에는 bootstrap 4.5 버전을 사용했습니다. DB설계 (inimage테이블) (위의 DB설계는 MariaDB 기준으로 제작했습니다.) github : https://github.com/delight-HK3/Insert_image GitHub - delight-HK3/Insert_image: Implemented so that images can be saved on the server with..

회원가입이 있는 곳에 반드시 있는 기능인 로그인 기능을 이번에 구현하고자 합니다. 이번 글에는 bootstrap 4.5 버전을 사용했습니다. DB설계 (member 테이블) (위의 DB설계는 MariaDB 기준으로 제작했습니다.) session 설정 이번에는 session을 사용하기 때문에 codeigniter에서 session을 설정해야 합니다. /application/config/config.php 파일의 388 ~ 394번째에 session 설정하는 부분이 있습니다. github : https://github.com/delight-HK3/login_check GitHub - delight-HK3/login_check Contribute to delight-HK3/login_check developm..

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 라고 적힌 부분의 코드를 복사 붙..