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

커뮤니티 홈페이지 제작,이제는 솔루션으로 완성하세요.회원이 모이고, 소통하며, 함께 성장하는 공간을 완성하세요.단순히 정보를 보여주는 홈페이지는 이제 한계가 있습니다.사람들은 소통하고 참여할 수 있는 공간을 원합니다. 해피 커뮤니티 웹솔루션은 단순한 게시판을 넘어,회원이 모이고, 대화하고, 다시 찾아오는 진짜 경쟁력 있는 커뮤니티 홈페이지를빠르고 안정적으로 구축할 수 있는 기성 솔루션입니다. 💡 해피 커뮤니티 웹솔루션이란?커뮤니티 중심의 홈페이지를 구축할 수 있도록 개발된전문 웹사이트 제작 솔루션으로,게시판·회원관리·쪽지·친구맺기·프로필 관리 등다양한 소통 기능을 갖추고 있습니다.기업, 동호회, 학교, 단체 등 회원 기반 운영이 필요한 곳이라면누구나 손쉽게 커뮤니티 홈페이지를 시작할 수 있습니다...

온라인경매 플랫폼 구축, 해피 솔루션이 답입니다입점형 경매 플랫폼을 손쉽게 완성하세요 요즘 온라인 쇼핑몰은 너무 흔해졌습니다.고객들은 단순히 상품을 구매하는 것보다,더 합리적인 가격과 참여하는 재미를 원합니다.바로 이런 이유로 온라인경매 플랫폼이 주목받고 있습니다. **해피 온라인경매 웹솔루션 [입점형]**은누구나 쉽게 실시간 경매 플랫폼을 구축할 수 있도록 개발된완성형 기성 솔루션입니다. 별도의 맞춤형 개발 없이도 설치만 하면,판매자 입점 → 상품 등록 → 입찰 참여 → 낙찰 정산까지모든 과정을 안정적으로 운영할 수 있습니다. 💡 해피 온라인경매 웹솔루션 [입점형] 이란?다수의 판매자가 입점하여 다양한 상품을 올리고,구매자는 실시간으로 입찰에 참여해 원하는 가격에 낙찰받는입점형 온라인경매 플랫폼입..

인테리어 비교견적 플랫폼,솔루션으로 빠르게 구축하세요. 인테리어 공사, 어디에 맡길지 고민되시죠?이제는 여러 업체를 일일이 찾아다니지 말고,한 번의 의뢰로 여러 인테리어 업체 견적을 받아보고 비교할 수 있는 플랫폼을 직접 운영해보세요. 고객이 견적을 요청하면, 입점한 인테리어 업체들이 참여하여더 합리적인 조건으로 경쟁할 수 있는 역경매 방식 플랫폼을 구축할 수 있는완성형 홈페이지 프로그램입니다. 💡 해피 인테리어 역경매 웹솔루션 [입점형] 이란?인테리어 공사를 원하는 고객과 다양한 인테리어 업체를 연결해주는 온라인 견적 비교·역경매 플랫폼을손쉽게 구축할 수 있도록 제작된 기성 웹솔루션 프로그램입니다.고객은 사진과 정보를 입력해 한 번의 요청으로 여러 업체의 견적을 받고,입점한 업체들은 경쟁 방식으로 ..

합리적인 대출 선택! 비교·상담 플랫폼 구축의 스마트한 해답 대출을 원하는 고객은 여러 업체의 조건을 한눈에 보고,비교한 뒤 합리적으로 선택하길 원합니다.CGIMALL 해피 대출상담 웹솔루션은이런 대출 비교·상담 플랫폼을 빠르고 안정적으로 구축할 수 있는기성 홈페이지 제작 솔루션입니다. 💡 해피 대출상담 웹솔루션 [입점형] 이란?대부 업체와 고객을 온라인에서 연결해주는 플랫폼으로써,고객은 여러 업체의 조건을 한 번에 받아보고 비교할 수 있으며,업체는 직접 상품을 등록하여 고객에게 노출할 수 있는일대일 혹은 다대일 대출 비교상담이 가능한 홈페이지 제작 전문 솔루션입니다. ✨ 핵심 기능 소개✅ 대부업체별 소개, 대출상품을 직접 등록하고 관리하는 시스템 ✅ 대출문의, 비교, 상담, 선택을 온라인..

자동차덴트 견적 비교 홈페이지 제작의 정석!비교·상담 플랫폼을 손쉽게 완성하세요 자동차덴트 고객은 한 번에 여러 업체의 견적을 받아보고,합리적으로 비교·선택하기를 원합니다.CGIMALL 자동차덴트 웹솔루션은 이런 견적 비교·상담 플랫폼을빠르고 안정적으로 구축할 수 있는 기성 홈페이지 솔루션입니다. 💡 해피 자동차덴트 웹솔루션 [입점형] 이란?자동차 수리 업체와 고객을 연결해주는 플랫폼으로써, 고객과 업체간 일대일 혹은 다대일 견적상담이 가능한 웹사이트 제작 전문 솔루션 ✨ 핵심 기능 소개✅ 업체별 소개, 시공사례를 직접 등록하고 관리하는 시스템 ✅ 시공 견적문의, 비교, 상담, 선택을 온라인을 통해 한번에 가능한 시스템 ✅ 업체 선정 후 스케쥴, 시공사진 공유도 가능한 시스템 ✅ 중개 운영자의 ..

HoverMe는 스마트 화살표 위치를 사용하여 애니메이션이 적용된 사용자 정의 툴팁을 만드는 가벼운 jQuery 플러그인입니다. 툴팁 크기나 요소 크기에 관계없이, 마우스를 올려놓은 요소의 중앙을 직접 가리키도록 화살표 배치를 자동으로 계산합니다. # 라이센스 : MIT# 사용방법 1. HEAD 에 CSS 추가 합니다. 기본적으로 hoverMe.css 만 있어도 됩니다. link rel="stylesheet" href="hoverMe.css">style>html,* { font-family: 'Inter'; }body { background-color: #fafaf8; line-height:1.6;} .lead { font-size: 1.5rem; font-weight: 300;backgrou..

mosaico-cropper는 사용자 친화적이고 터치가 가능한 인라인 이미지 자르기 도구로, 백엔드 처리를 지원하여 이미지를 자르고, 크기를 조절하고, 확대/축소하고, 이동할 수 있습니다. 이미지를 클릭하여 편집 모드를 시작한 다음 확인 아이콘을 클릭하여 변경 사항을 저장합니다. jQuery, jQuery UI , Font Awesome, jQuery UI Touch Punch 로 제작되었습니다 .# 라이센스 : MIT # 사용방법 1. 라이브러리 호출 link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />script src="https://code.jquery...

- 소개scrollPaging은 웹 페이지에 무한 스크롤 기능을 추가하는 가벼운 jQuery 플러그인입니다.AJAX를 통해 외부 데이터 소스에서 자동으로 콘텐츠를 가져와 사용자가 스크롤할 때 기존 컨테이너의 끝에 추가합니다.이를 통해 복잡한 페이지 번호 논리를 작성할 필요 없이 필요에 따라 더 많은 콘텐츠를 로드하는 연속적인 탐색 환경이 만들어집니다.- 라이센스MIT- 사용 방법1. 플러그인을 다운로드하고 jQuery 라이브러리 뒤에 메인 스크립트 'jquery-scrollpaging.min.js'를 로드합니다.2. 초기 항목을 사용하여 콘텐츠 컨테이너를 만듭니다. 플러그인은 스크롤 방향에 따라 이 컨테이너에 새 콘텐츠를 추가하거나 추가합니다.3. 스크롤 가능한 요소에 플러그인을 초기화합니다. 페이지 수..

- 소개jQuery Zoom은 마우스를 올리거나, 잡거나, 클릭하거나, 토글하면 이미지를 확대해주는 간단하고 사용하기 쉬운 jQuery 확대/축소 플러그인입니다 .- 라이센스MIT- 사용 방법1. 웹페이지에 jQuery 라이브러리와 jQuery Zoom 플러그인을 포함합니다.2. 플러그인을 호출하면 준비가 완료됩니다.3. 마크업4. CSS (데모에만 해당, 플러그인에는 필수 아님) 5. 기본 옵션을 사용할 수 있습니다.- 작동 화면

이 예제는 React로 제작된 이미지 슬라이더로, 마우스 움직임에 따라 패럴랙스 효과가 적용되어 생동감 있는 화면 전환을 제공합니다.슬라이드는 버튼 클릭이나 이미지 선택으로 이동할 수 있으며, 중앙에 위치한 슬라이드가 강조되어 자연스러운 시각적 집중을 유도합니다.마우스 오버 시 이미지와 텍스트가 미묘하게 이동하며, 사용자 입력에 반응하는 인터랙티브한 경험을 제공합니다.CSS 트랜지션과 애니메이션을 활용하여 부드럽고 매끄러운 전환 효과를 구현했습니다.HTML 구조#appCSS 소스@import url('https://fonts.googleapis.com/css?family=Playfair+Display:700|IBM+Plex+Sans:500&display=swap'); :root { --color-pri..