일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- CSS
- 웹솔루션
- #image
- 솔루션
- jquery
- happycgi
- #동영상
- 쇼핑몰
- javascript
- #해피CGI
- #홈페이지제작
- #업종별
- 게시판
- #jQuery
- #솔루션
- #cgimall
- php
- #뉴스
- 사이트제작
- #happycgi
- 홈페이지
- 해피CGI
- #쇼핑몰
- #CSS
- #이미지
- #웹솔루션
- 해피씨지아이
- #홈페이지
- 홈페이지제작
- CGIMALL
- Today
- Total
목록웹프로그램밍 자료실 (2652)
웹솔루션개발 25년 노하우! 해피CGI의 모든것
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/deA9NN/btrTDYWvVKk/Lh2jZ09smufvbuE2ert7C0/img.jpg)
JavaScript 로 테이블을 생성합니다. 그리고 테이블의 해더를 클릭하면 정렬(소팅) 할 수 있는 소스코드 입니다. 만드는 방법은 아래와 같습니다. 1. Table 을 생성하고 고유한 아이디를 지정하세요. 단, Table 요소에서 반드시 샘플과 같은 양식으로 맞춰야 하고 th, tbody 는 필수 입니다. 2. th 요소에 CSS 스타일을 정의 합니다. 3. js/script.js 를 호출 합니다. 제일 마지막에 호출해야 합니다. Table 에 출력되는 데이터 편집은 js/script.js 에서 할 수 있습니다. 형식에 맞춰서 편집 혹은 추가하시면 됩니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/eLZnAk/btrTA6TlYj4/quPuwH7OWe8WG6478xvbl1/img.jpg)
- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 creditCardNumberCheck.js 파일을 호출합니다. 2. 카드 번호 입력 폼을 생성합니다. 3. 입력된 카드 번호 입력 폼을 선택자로 하여 플러그인을 호출하면 true 또는 false 값을 얻을 수 있습니다. - 작동 예제
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cxdc8w/btrTzBGp2eK/d3we1eCwdtbIVh8ZwPGaBK/img.jpg)
- 라이센스 MIT - 키보드 부가 기능 - 왼쪽/오른쪽 화살표 : 같은 영역의 입력 필드 사이에서 포커스를 이동합니다. - BackSpace : 모든 입력 필드에서 입력한 내용을 제거합니다. - Home/End : 첫번째/마지막 입력 필드도 포커스를 이동합니다. - 사용 방법 1. 카드 번호 입력폼을 생성합니다. 2. jQuery 라이브러리와 join_inputs 플러그인 파일을 호출합니다. 3. join_inputs 플러그인을 호출합니다. - 작동 예제
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/EpK3w/btrTqExa3XA/BpvMh1OkYkoM8f45GRRRAk/img.jpg)
Spring Boot는 Java를 기반으로 한 웹 어플리케이션 프레임워크입니다. 기존의 Spring 프레임워크가 초기 환경 설정시 많은 시간이 소요되는 어려움이 있었다면, Spring Boot는 위 단점을 해결하고자 등장한 프레임워크입니다. Spring Boot의 개요와 프로젝트 시작 방법은 홈페이지에서 확인 가능합니다. https://spring.io/projects/spring-boot 빠른 시작 가이드를 통해 Spring Boot 프로젝트 세팅을 배울 수 있습니다. https://spring.io/quickstart 좀 더 자세한 가이드가 필요하시다면 아래 링크를 참고하여 세팅이 가능합니다. https://spring.io/guides/gs/spring-boot/ 해당 사이트에서 Srping boo..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/l2REB/btrTulQJE8f/AaI3fjZmwiTXzkorG4Rqbk/img.jpg)
한글날 기념으로 안성탕면체 무료서체 배포중입니다^^ 데모사이트 링크를 통해서 농심홈페이지에서 폰트를 다운 받으실 수 있습니다
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dG67Yw/btrTsnmQTGg/UixBWHFBX17pTUKxkhUr8K/img.jpg)
선택하고자 하는 여러개의 옵션을 셀렉트박스를 이용해서 선택할 수 있는 jquery 플러그인입니다. 다운로드 받은 파일의 압축을 해제한 뒤 example/index.html 파일을 웹브라우저로 열어보면 예제를 확인할 수 있습니다. 주요 기능은 아래와 같습니다. - 선택할 수 있는 최대 옵션 수를 지정할 수 있습니다. - 각 옵션에 대해 이미지를 할당할 수 있습니다. - 검색 상자를 기준으로 옵션을 필터링할 수 있습니다. - 선택한 옵션을 태그/토큰으로 표시합니다. 예제 파일을 웹브라우저로 열어보면, 아래의 그림과 같은 화면이 표시가 됩니다. Select 라는 부분을 클릭해보면, 선택 가능한 옵션들이 화면에 표시가 됩니다. 옵션의 제목들 앞에, 옵션에 해당하는 이미지를 표시하도록 할 수 있습니다. 몇몇개의 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bfZsi8/btrTmZAhm9k/VrCC8Yom8xPszjaBXnlY6k/img.jpg)
봉투 전면에 원하는 문구를 넣고 봉투 모양으로 출력이 가능합니다. 급하게 봉투가 필요할때 이 사이트를 이용하면 아주 유용해 보입니다. https://moonbangoo.com/
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/CnY6f/btrS9pG5dRN/JweDUrpJmTtKSya9aLeruk/img.jpg)
일상에서 쓰이는 한글 자모 조합과 ASCII의 출력 가능한 문자들만 추출하여 용량을 줄인 NotoSans 웹폰트 입니다. https://github.com/akngs/noto-kr-vf-distilled 위의 링크에서 폰트 다운로드 가능합니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cnn4ta/btrTcFocqEZ/J58KxAgoehrGyy2k69fOsK/img.jpg)
PHP-CPP 는 기존 C 를 통해 개발하는 PHP 확장모듈의 어려움을 해소하기 위해 개발된 프로그램 입니다. PHP-CPP를 통해 C++ 언어로 PHP 확장모듈 개발이 가능 합니다. http://www.php-cpp.com/ 페이지로 접속하여 PHP-CPP 를 사용해야 되는 이유를 볼 수 있습니다. 아래 스크린샷은 한글로 http://www.php-cpp.com/documentation/ten-reasons-for-using-php-cpp 페이지를 번역한 결과 입니다. http://www.php-cpp.com/documentation/ 페이지로 접속을 하면 사용 방법을 자세히 확인이 가능합니다. c++ 을 알고 계신분들은 PHP 확장 모듈 개발시 이용하시면 큰 도움이 될 프로그램입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ZzbRg/btrS60stUkE/Ll0srGOU6Dta2L5jHcKiC1/img.jpg)
Epub.js는 브라우저를 통해 epub 문서를 랜더링 할 수 있는 javascript 라이브러리 입니다. EPUB 형식의 파일로 현재 많은 책들이 저장되어 널리 사용되고 있습니다. EPUB에 대한 자세한 설명은 아래 페이지를 참고 하시면 도움이 되시겠습니다. https://idpf.org/epub/30/spec/epub30-overview.html https://github.com/futurepress/epub.js 페이지를 통해 사용법 확인 및 소스 다운로드가 가능 하며, 다양한 데모 확인도 가능 합니다.