일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 29 | 30 | 31 |
- #이미지
- #cgimall
- 해피CGI
- 홈페이지제작
- #웹솔루션
- #업종별
- #홈페이지제작
- #솔루션
- #jQuery
- #happycgi
- 해피씨지아이
- 게시판
- CGIMALL
- 홈페이지
- #image
- 사이트제작
- #홈페이지
- CSS
- happycgi
- #쇼핑몰
- 이미지
- #동영상
- #해피CGI
- php
- #뉴스
- 웹솔루션
- jquery
- 솔루션
- #CSS
- javascript
- Today
- Total
웹솔루션개발 25년 노하우! 해피CGI의 모든것

JavaScript 를 이용하여 Top 버튼을 클릭하면 부드럽게 Top 으로 스크롤 되는 소스 입니다. 적용방법은 아래와 같습니다. 1. CSS 를 추가 합니다. 2. JavaScript 를 호출 합니다. 3. 세부적인 설정 항목은 아래와 같습니다. 설정 항목에서 normal, Iinear 사용해 봤을 때 스크롤이 길지 않다면 Iinear 조금 더 보기 편하고 페이지가 많이 길 경우 normal 로 설정하는게 좋은 듯 합니다.

JavaScript 로 테이블을 생성합니다. 그리고 테이블의 해더를 클릭하면 정렬(소팅) 할 수 있는 소스코드 입니다. 만드는 방법은 아래와 같습니다. 1. Table 을 생성하고 고유한 아이디를 지정하세요. 단, Table 요소에서 반드시 샘플과 같은 양식으로 맞춰야 하고 th, tbody 는 필수 입니다. 2. th 요소에 CSS 스타일을 정의 합니다. 3. js/script.js 를 호출 합니다. 제일 마지막에 호출해야 합니다. Table 에 출력되는 데이터 편집은 js/script.js 에서 할 수 있습니다. 형식에 맞춰서 편집 혹은 추가하시면 됩니다.

- 라이센스 MIT - 사용 방법 1. jQuery 라이브러리와 creditCardNumberCheck.js 파일을 호출합니다. 2. 카드 번호 입력 폼을 생성합니다. 3. 입력된 카드 번호 입력 폼을 선택자로 하여 플러그인을 호출하면 true 또는 false 값을 얻을 수 있습니다. - 작동 예제

- 라이센스 MIT - 키보드 부가 기능 - 왼쪽/오른쪽 화살표 : 같은 영역의 입력 필드 사이에서 포커스를 이동합니다. - BackSpace : 모든 입력 필드에서 입력한 내용을 제거합니다. - Home/End : 첫번째/마지막 입력 필드도 포커스를 이동합니다. - 사용 방법 1. 카드 번호 입력폼을 생성합니다. 2. jQuery 라이브러리와 join_inputs 플러그인 파일을 호출합니다. 3. join_inputs 플러그인을 호출합니다. - 작동 예제

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

한글날 기념으로 안성탕면체 무료서체 배포중입니다^^ 데모사이트 링크를 통해서 농심홈페이지에서 폰트를 다운 받으실 수 있습니다

선택하고자 하는 여러개의 옵션을 셀렉트박스를 이용해서 선택할 수 있는 jquery 플러그인입니다. 다운로드 받은 파일의 압축을 해제한 뒤 example/index.html 파일을 웹브라우저로 열어보면 예제를 확인할 수 있습니다. 주요 기능은 아래와 같습니다. - 선택할 수 있는 최대 옵션 수를 지정할 수 있습니다. - 각 옵션에 대해 이미지를 할당할 수 있습니다. - 검색 상자를 기준으로 옵션을 필터링할 수 있습니다. - 선택한 옵션을 태그/토큰으로 표시합니다. 예제 파일을 웹브라우저로 열어보면, 아래의 그림과 같은 화면이 표시가 됩니다. Select 라는 부분을 클릭해보면, 선택 가능한 옵션들이 화면에 표시가 됩니다. 옵션의 제목들 앞에, 옵션에 해당하는 이미지를 표시하도록 할 수 있습니다. 몇몇개의 ..

봉투 전면에 원하는 문구를 넣고 봉투 모양으로 출력이 가능합니다. 급하게 봉투가 필요할때 이 사이트를 이용하면 아주 유용해 보입니다. https://moonbangoo.com/