티스토리

웹솔루션개발 22년 노하우! 해피CGI의 모든것
검색하기

블로그 홈

웹솔루션개발 22년 노하우! 해피CGI의 모든것

happycgi.tistory.com/m

웹솔루션개발 22년 노하우! 해피CGI의 모든것

구독자
1
방명록 방문하기
공지 해피CGI의 새로운 서비스 사이트와 ⋯ 모두보기

주요 글 목록

  • [해피CGI][cgimall] Zebra Accordion menu Zebra  Accordion 은 가볍고, 여러 브라우저에서 사용 가능하며, 사용자 정의가 쉬운 jQuery 아코디언 플러그인으로, 대규모 콘텐츠 그룹을 효과적으로 구성하는 데 유용합니다.# 특징 CSS를 통해 높은 수준의 사용자 정의 가능모든 탭은 확장/축소될 수 있습니다마우스를 올리면 탭이 확장될 수 있습니다.브라우저 창 크기에 맞게 자동 스크롤ARIA 속성을 통해 접근 가능가볍고 사용하기 편리함 # 사용방법 1. Css2. HTML3. JavaScript# 옵션정보https://github.com/stefangabos/Zebra_Accordion 사이트에는 속성과 이벤트에 대한 안내가 되어 있습니다. 활용하여 사용하시려면 참고 바랍니다. 공감수 0 댓글수 0 2024. 11. 8.
  • [업그레이드] 해피 오픈마켓 솔루션 Ver5.5 [입점형]로 업그레이드 되었습니다 안녕하세요 해피CGI 입니다. 해피 오픈마켓 솔루션 Ver5.5 [입점형] 로 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.    해피 오픈마켓 솔루션 스킨 C (경매 비내장) 해피 오픈마켓 솔루션 스킨 C (경매 내장) 해피 오픈마켓 솔루션 스킨 D (경매 비내장) 해피 오픈마켓 솔루션 스킨 D (경매 내장)    더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 11. 7.
  • [해피CGI][cgimall] CSS 만으로 구성된 Three Dots Spinner Three Dots 는 3개의 점으로 구성된 20개의 멋진 애니메이션 Loading Spinners 입니다.코드는 CSS/CSS3 로만 구성되어 있습니다. 샘플코드 경로 three-dots-master > three-dots-master > docs 입니다.docs 에 보면 index.html 이 있습니다. index.html 파일을 통해 아래와 같은 Spinner 를 확인할 수 있습니다. 구조는 생각보다 심플 합니다. dot-carousel spinner 를 사용하고 싶다면?HTML 코드와 CSS 만 가져가서 사용하시면 됩니다.위처럼 사용하시면 아래처럼 spinner 가 출력 됩니다. 물론 spinner display 처리는 간단한 스크립트를 활용하여 처리하시면 됩니다. 공감수 0 댓글수 0 2024. 11. 7.
  • [해피CGI][cgimall] Gemini 가 효율적으로 노트를 정리해주는 - Nookbook LM google PDF, 웹사이트, YouTube 동영상, 오디오 파일, Google 문서 또는 Google 슬라이드를 업로드하면 NotebookLM이 이를 요약하고 여러 주제를 흥미롭게 연결해 줍니다. 이 모든 작업은 Gemini 1.5의 멀티모달 이해 기능을 통해 수행됩니다.라고 안내 되어있습니다. 여러 내용을 요약하고 이를 이해하기 쉽게 설명해줍니다.제가 키움페이 결제연동 메뉴얼 PDF 를 업로드 해보니 요약과 추천 질문들을 생성해주었습니다.오디오 생성도 가능한데, 영어만 되는 듯 합니다.질문을 하면 PDF 를 기반으로 답을 줍니다.현재는 PDF 하나 뿐인데, 여러 강의 대용량 PDF 여러개를 대상으로 한다면,요약과 설명을 쉽게 할 수 있을 걸로 보입니다.아직 유료화 얘기는 없고, 제한 항목에 대한 애기도 없었습니.. 공감수 0 댓글수 0 2024. 11. 6.
  • [해피CGI][cgimall] jquery 데이터 바인딩을 쉽게 해주는 Databind.js 위의 이미지를 보면 쉽게 이해가 가능한데, 특별히 js 를 쓰지 않고, html data 속성으로 js 기능을 사용할수 있습니다.data-check-field 에 field5 를 주면 field5 값을 가진 name 은 모두 checked 가 됩니다.이렇게 사용 가능하게 해주는 jquery js 입니다.https://cdn.jsdelivr.net/gh/scintilla0/jquery.databind@latest/jquery.databind.min.jsCDN 을 사용하셔도 되고, github 에서 js 를 다운로드 받으셔서 사용하셔도 됩니다.https://www.jqueryscript.net/demo/easy-data-binding/그리고 위의 데모 사이트를 보시고, 활용하시면 되겠습니다. 공감수 0 댓글수 0 2024. 11. 5.
  • [출시]해피 커뮤니티 솔루션 Ver3.5 스킨 B 새롭게 출시되었습니다 안녕하세요 해피CGI 입니다. 해피 커뮤니티 솔루션 Ver3.5 스킨 B 홈페이지가 출시되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.    해피 커뮤니티 솔루션 (미니홈 비내장) 해피 커뮤니티 솔루션(미니홈 내장)    더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 11. 4.
  • [업그레이드] 해피 커뮤니티 솔루션 Ver3.5 스킨 A 업그레이드 되었습니다 안녕하세요 해피CGI 입니다. 해피 커뮤니티 솔루션 Ver3.5 스킨 A 홈페이지가 업그레이드 되었습니다.  자세한 사항은 아래의 내용을 참고하시기 바랍니다.     해피 커뮤니티 솔루션(미니홈 비내장) 해피 커뮤니티 솔루션 (미니홈 내장)     더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 11. 4.
  • [업그레이드] 해피 유흥구인구직 솔루션 Ver3.1로 업그레이드 되었습니다 안녕하세요 해피CGI 입니다.해피 유흥구인구직 솔루션 Ver3.1으로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.    해피 유흥구인구직 솔루션 Ver3.1(내주변검색 모바일 포함) 해피 유흥구인구직 솔루션 Ver3.1(내주변검색 모바일 미포함)   더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 10. 30.
  • [해피CGI][cgimall] AI를 이용하여 UI 디자인을 제작해주는 서비스 Galileo AI AI를 이용하여 텍스트 또는 이미지를 바탕으로 UI 디자인을 제작해주는 서비스 Galileo AI무료 회원가입 후 접속하면 사용자들이 제작한 사례를 확인할 수 있다.무료버전이 있는 150개의 무료 크레딧이 제공되며,  텍스트 기준으로 개당 20크레딧 정도가 소모된다.초기 구성에 대한 시간을 줄이고, 초기 컨셉 구성에 시간 투자를 줄이는데는 좋은 서비스 인거 같다.생성 후 피그마에 붙여서 바로 추가 편집이 가능하며, 완전하진 않지만 코드로도 확인이 가능하다.프롬프트에 입력하는 설명이 명확하고 정확하면 더 좋은 결과물이 나옵니다. 공감수 0 댓글수 0 2024. 10. 30.
  • [해피CGI][cgimall] 새로운 방식의 개발자 친화적인 새로운 무료 브라우저 아크 브라우저 랜더링 엔진은 거의 모든 브라우저의 기본이 되는 크로미움 기반으로완전히 다른방식의 인터페이스를 제공하는 아크 브라우저입니다. 아크 브라우저는 상단 탭바가 없다. 대신 사이드바가 제공하며, 다양한 작업을 하다가 중요한 작업으로 돌아갈때 사이드바에 고정하여손쉽게 돌아가거나,  분할화면 탭, 탭정리, 등 작업의 생산성 , 효율성을 높일 수 있다.기본 엔진이 크롬과 동일하기때문에 크롬의 모든 확장프로그램도 지원한다. 여러모로 편리하긴 하다.윈도우, 맥 모두 지원한다. 공감수 0 댓글수 0 2024. 10. 29.
  • [해피CGI][cgimall] Signature animation 텍스트를 필기체로 디자인 해주는 효과입니다.HTML, CSS, JS를 사용하였습니다.자세한 내용은 데모사이트 주소에서 확인하실 수 있습니다.HTML                                   Sign                                                                                                                                                                                                                                                                                     .. 공감수 0 댓글수 0 2024. 10. 28.
  • [해피CGI][cgimall] Neuro Noise (GLSL Shader) 신경 흐름을 나타내는 백그라운드 효과 입니다.마우스 커서에 의해 흐름에 외곡을 줄 수 있습니다.HTML, CSS, JS를 사용하였습니다.자세한 내용은 데모사이트 주소에서 확인하실 수 있습니다.HTML                        Neural Noise                                    GLSL shader based on https://x.com/zozuar/" target="_blank" rel="noopener">@zozuar https://x.com/zozuar/status/1625182758745128981/" target="_blank" rel="noopener">artwork                                    https://.. 공감수 0 댓글수 0 2024. 10. 25.
  • [해피CGI][cgimall] Date Range Picker 시작일과 종료일 범위 선택 기능이 강력한 Date Range Picker 입니다.싱글 달력으로도 이용이 가능 합니다.https://www.daterangepicker.com/#examples 페이지를 통해 구동되는 샘플들을 코드와 함께 확인이 가능 합니다. 각종 제공되는 옵션들도 https://www.daterangepicker.com/#options 페이지에서 같이 확인이 가능 합니다. 공감수 0 댓글수 0 2024. 10. 24.
  • [해피CGI][cgimall] DataTables - 다양한 기능을 제공하는 Grid 프로그램 다양하고 강력한 기능을 제공하는 Grid 프로그램인 DataTables 입니다. 무료이고 쉽게 이용이 가능 합니다.페이징 기능부터, 즉시 검색, 다중열 정렬등의 다양한 확장기능을 제공 하고 있습니다.https://datatables.net/examples/index 페이지에서 다양한 예제를 확인이 가능합니다. 사용을 하시기 위해서 소스를 다운로드 하시거나,CDN 으로 소스를 호출하여 이용이 가능 합니다.https://datatables.net/download/ 페이지를 참고 하시면 되겠습니다.사용 메뉴얼은 https://datatables.net/manual/index 페이지에서 제공 되고 있습니다. 공감수 0 댓글수 0 2024. 10. 23.
  • [해피CGI][cgimall] Animated Navigation List Javascript 없이 네이게이션 애니메이션 효과를 간단히 구현 할 수 있습니다. 애니메이션 출력부터 호버까지 구현됩니다.HTML 구조            Alvaro's Social Media                              Website                                    LinkedIn                                    Mastodon                                    Twitter                                    YouTube                                    CodePen                                   .. 공감수 0 댓글수 0 2024. 10. 22.
  • [해피CGI][cgimall] Cards with inverted border-radius #scss Javascript 없이 html + CSS로 이루어져 있는 간단 Inverted border-radius Cards를 만들 수 있는 소스입니다.  HTML 구조   leading companieshave trusted us                                          https://images.unsplash.com/photo-1601049676869-702ea24cfd58?q=80&w=2073&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Trust & Co." />                                          .. 공감수 0 댓글수 0 2024. 10. 21.
  • [해피CGI][cgimall] Fullscreen Background Video with Mix-Blend-Mode Overlay Text 화면에 꽉차는 동영상 배경 화면에 꽉 차는 동영상 배경입니다.화면에 맞게 남은 부분은 짤려서 보여집니다.동영상 배경 소스입니다. 동영상 배경 위 텍스트를 정중앙에 배치하고 화면에 비례해서 폰트크기가 변경되는 소스입니다. 공감수 0 댓글수 0 2024. 10. 18.
  • [해피CGI][cgimall] Pure Css Animated Background 배경 애니메이션 css 사각형 패턴 애니메이션 배경 소스 입니다.수직 이동과 회전하는 에니메이션 css 입니다.css 수정으로 디자인 변경을 쉽게 할 수 있습니다. 공감수 0 댓글수 0 2024. 10. 17.
  • [해피CGI][cgimall] 깔끔한 모바일 탭 메뉴 Tab Menu 클릭하면 아이콘과 함께 하이라이트되는 탭 메뉴입니다.활용도가 높아 다양한 사이트에서 사용 가능합니다.HTML 구조                                                          Home                                                         Likes                                                         Search                                                         Profile                                                 CSS 소스 *,*::after,*::after{    padd.. 공감수 0 댓글수 0 2024. 10. 16.
  • [해피CGI][cgimall] UX 및 디자인이 좋은 드롭다운 메뉴 Dropdown Menu 마우스 오버 시 아이콘이 나타나는 디자인의 드롭다운 메뉴입니다.다양한 사이트에 적용하기에 유용합니다.  HTML 구조                                  Facebook                                                       CSS 소스@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); *,*::before,*::after {  margin: 0;  padding: 0;  box-sizing: border-box;} :root {  --bg-color: #222429;  --primary-bg-color: #333740;  --primary-color: #.. 공감수 0 댓글수 0 2024. 10. 15.
  • [해피CGI][cgimall] 사이트맵, 흐름도 등 한번에 관리하는 flowmapp 웹사이트 제작에 시작인 사이트맵 제작 및 업무 진행상태 및 흐름도도 제작 가능한 flowmapp이용은 간단합니다. 계정생성 >웹브라우저를 통해 편집하면 끝.마우스 클릭, 텍스트 입력만으로도 메뉴를 생성하고, 클릭 드래그로 순서도 손쉽게 변경됩니다.또한 클릭 후 메뉴간 연결도 가능합니다.사이트맵 뿐만 아니라, 절차 흐름도 제작 및 관리, 부서 조직도 구성 및 관리 등 다양하게 이용이 가능해보입니다.시작은 무료계정으로 서비스 이용이 가능하며, 최대 1개 프로젝트에 20개 페이지 생성이 가능합니다.무료 범위를 넘지 않는다면 무료로도 충분히 활용가치가 충분한 서비스이며,프로젝트 관리, 페이지수가 많거나 팀원간 공유가 필요하다면 유료 서비스도 고려하시면 좋습니다. 공감수 0 댓글수 0 2024. 10. 14.
  • [업그레이드] 해피 집방 솔루션 Ver1.7로 업그레이드 되었습니다 안녕하세요 해피CGI 입니다.해피 집방 솔루션 Ver1.7로업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.       해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 미포함) 해피 집방 솔루션(미니홈 비내장 + 내 주변검색 모바일 포함) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 미포함) 해피 집방 솔루션(미니홈 내장 + 내 주변검색 모바일 포함)    더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 10. 11.
  • [해피CGI][cgimall] 텍스트 창작을 지원하는 google의 AI, textfx 텍스트 창작을 지원하는 google의 AI, textfx 입니다. 구글의 공개한 실험과 같은 AI 도구로써, SIMILE, EXPLODE, UNEXPECT, CHAIN, POV, ALLITERATION, ACRONYM, FUSE, SCENE, UNFOLD 등 10가지 도구로 구성되어 있습니다.10가지 도구 중 타입을 선택하고 키워드 또는 문장 을 입력하면, 입력한 키워드나 문장을 활용하여 창의적인 다양한 글을 제공해줍니다.래퍼, 작가, 카피라이터등 다양한 분야에 활용이 가능하며, 더욱 확장된 글쓰기에 도움을 주네요.창작에 새로운 아이디어를 추가하고, 다듬어진 글쓰기에 도움을 주는 서비스네요. 공감수 0 댓글수 0 2024. 10. 10.
  • [해피CGI][cgimall] Scroll to the Abyss 스크롤 하여 심해에 사는 생물을 확인할 수 있습니다.마우스 포인트는 잠수함 디자인으로 하여 특정 부분에 마우스를 올리게 되면자동으로 해당 구간에 사는 생물이 나오게 됩니다. 자세한 내용은 데모사이트 주소에서 확인이 가능합니다. 공감수 0 댓글수 0 2024. 10. 8.
  • [해피CGI][cgimall] Card Mouse Hover Effect 마우스를 따라 카드 배경이 따라오는 디자인 입니다.설명 카드에 강조 효과를 주어 보고있는 위치를 명확하게 확인할 수 있도록 도와줍니다. 자세한 내용은 데모사이트 주소에서 확인이 가능합니다. 공감수 0 댓글수 0 2024. 10. 7.
  • [해피CGI][cgimall] 세상에 없던 파워포인트를 위한 폰트 - freesentation 파워포인트 용으로 본고딕과 Roboto를 리디자인한 무료 폰트입니다. 파워포인트에 맞게 다양한 장점을 가진 폰트 입니다.파워포인트에서 활용하시면 좋을 것 같습니다. 공감수 0 댓글수 0 2024. 10. 4.
  • [업그레이드] 임대형 해피 인터넷뉴스 솔루션 Ver3.1로 업그레이드 되었습니다 안녕하세요 해피CGI 입니다.임대형 해피 인터넷뉴스 솔루션 Ver3.1 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다.      임대형 해피 인터넷뉴스 솔루션 스킨 A (미니홈 내장) 임대형 해피 인터넷뉴스 솔루션 스킨 B (미니홈 내장) 임대형 해피 인터넷뉴스 솔루션 스킨 C (미니홈 내장)  임대형 해피 인터넷뉴스 솔루션 스킨 D (미니홈 내장) 임대형 해피 인터넷뉴스 솔루션 스킨 E (미니홈 내장) 임대형 해피 인터넷뉴스 솔루션 스킨 F (미니홈 내장)    더욱 강력한 기능으로 보답하겠습니다.감사합니다. 공감수 0 댓글수 0 2024. 9. 30.
  • [업그레이드] 해피 인터넷뉴스 솔루션 Ver3.1로 업그레이드 되었습니다 안녕하세요 해피CGI 입니다.해피 인터넷뉴스 솔루션 Ver3.1 홈페이지가 업그레이드 되었습니다.자세한 사항은 아래의 내용을 참고하시기 바랍니다     해피 인터넷뉴스 솔루션 스킨 A (미니홈 비내장) 해피 인터넷뉴스 솔루션 스킨 A (미니홈 내장) 해피 인터넷뉴스 솔루션 스킨 B (미니홈 비내장) 해피 인터넷뉴스 솔루션 스킨 B (미니홈 내장) 해피 인터넷뉴스 솔루션 스킨 C (미니홈 비내장) 해피 인터넷뉴스 솔루션 스킨 C (미니홈 내장) 해피 인터넷뉴스 솔루션 스킨 D (미니홈 비내장) 해피 인터넷뉴스 솔루션 스킨 D (미니홈 내장) 해피 인터넷뉴스 솔루션 스킨 E (미니홈 비내장) 해피 인터넷뉴스 솔루션 스킨 E (미니홈 내장) 해피 인터넷뉴스 솔루션 스킨 F (미니홈 비내장) 해피 인터넷뉴스 솔.. 공감수 0 댓글수 0 2024. 9. 30.
  • [해피CGI][cgimall] Editplus 6.0 어느덧 6.0 으로 업데이트 되었습니다.아래 사항들이 변경된 사항들 입니다. 참고하시기 바랍니다. Version 6.0 (2024-06-14)=== 버전 5.7 build 4352 이후 새로운 사항들 === - sftp 에서 ecdsa-sha2-nistp256 호스트 키 알고리즘 지원.- sftp 로 큰 파일을 다운로드할 때 '소켓을 사용할 수 없습니다' 에러가 발생할 수 있던 문제 해결.- 일부 sftp 서버에서 "서버에서 채널 열지 않음" 에러가 발생하던 문제 해결.- 같은 서버 이름에 포트를 다르게 지정하여 접속하면 sftp 호스트키 변경 경고가 계속 표시되던 문제 해결.- Pageant 사용시 'FTP 로그 표시' 옵션을 선택하면 프로그램이 다운될 수 있던 문제 해결.- SFTPGo 서버에서 파일.. 공감수 0 댓글수 0 2024. 9. 26.
  • [해피CGI][cgimall] air-datepicker Ver3.5.3 다양한 기능을 제공하는 date picker 다양한 기능을 제공하는 air-datepicker 입니다.출발일~도착일 범위 선택 기능도 제공 됩니다.https://github.com/t1m0n/air-datepicker 페이지에서 최신 소스를 다운로드가 가능하고,사용법도 확인 하실수가 있습니다.https://air-datepicker.com/examples 페이지에서 다양한 샘플을 확인이 가능하므로,샘플을 확인한뒤에 필요한 경우 다운로드 받아 설치를 하면 되겠습니다.자세한 API 메뉴얼도 제공이 됩니다.https://air-datepicker.com/methods 공감수 0 댓글수 0 2024. 9. 25.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.