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

안녕하세요 해피CGI 입니다. 간편 홈페이지 제작 웹솔루션이 Ver3.4 으로 업그레이드 되었습니다. 자세한 사항은 아래의 내용을 참고하시기 바랍니다.

한국은행에서 제공하는 경제통계 OPEN API로서, 통화/금융, 소득, 환율, 무역지수등의 다양한 경제관련 통계를 제공하는 API 입니다.https://ecos.bok.or.kr/api/ 개발 메뉴얼은 개발가이드 메뉴로 접근시 확인이 가능 합니다.https://ecos.bok.or.kr/api/#/DevGuide/DevSpeciflcation  언어별로 개발 가이드도 제공이 되고 있으니 참고 하셔서 개발 하시면 편하게 개발이 가능하겠습니다.API를 통해 제공되는 통계항목은 아래 페이지를 참고 하시면 됩니다.https://ecos.bok.or.kr/api/#/DevGuide/StatisticalCodeSearch

우측에서 기본적인 도형을 선택해서 좌측에서 확인 할 수 있습니다.도형의 꼭지점을 드래그 또는 삭제하여 모양을 변경 할 수 있습니다.하단에 css가 생성 되어 복사하여 사용 할 수 있습니다.

우측의 툴로 그림자 옵션을 설정하면 좌측에 css 소스와 함께 효과를 바로 확인 할 수 있습니다.그림자 크기, 투명도, 수평 거리, 수직 거리, 강도 등을 손쉽게 설정 할 수 있습니다.적용된 화면을 바로 확인 할 수 있고 css 소스를 복사할 수 있습니다.

최소화된 크기는 2KB 미만, 압축된 크기는 800바이트 미만의 js 입니다.사용하기도 쉽습니다.위와 같이 간단한 사용법으로 사용 가능합니다.간단한 사용으로 SVG 애니메이션을 만들 수 있습니다.https://codepen.io/lcdsantos/pen/xwwEJw/데모를 보시면 이해가 빠르실 겁니다. 간단한 사용으로 SVG 애니메이션을 만들어 보시면 되겠습니다.

페이지 로드전 로드 애니메이션을 보여줄 수 있는 js 입니다. 사용법도 간단합니다.css 와 js 를 선언하고 div 를 만든 후 스크립트를 실행되게 해주면 됩니다.7가지 옵션이 있고, 배경색도 변경 가능합니다.http://joaopereirawd.github.io/fakeLoader.js/데모를 확인해 보시면 이해가 빠르실 겁니다.

- 작동 원리Zebra Tooltips는 간단하면서도 똑똑하고 시각적으로 매력적인 툴팁을 만드는 가볍고 높은 사용자 정의성을 갖춘 크로스 브라우저 jQuery 플러그인으로, 아름다운 전환 효과를 제공하고 다양한 구성 옵션을 제공합니다. 모양은 JavaScript 및/또는 CSS를 통해 쉽게 사용자 정의할 수 있습니다. 또한, 도구 설명은 부모 요소에 대해 왼쪽, 가운데 또는 오른쪽에 정렬할 수 있습니다. Zebra Tooltips는 이미지를 전혀 사용하지 않으며(모든 것은 CSS에서 처리됨) 모든 고급 기능을 지원하지 않는 브라우저에서도 문제없이 작동합니다. 또한 앵커 태그뿐만 아니라 모든 요소에 툴팁을 첨부할 수 있습니다!- 라이센스MIT- 사용 방법1. 페이지에 필요한 CSS 파일을 포함합니다.2. ..

- 플러그인 설명Flyaler는 jQuery를 위한 가볍고 간단한 알림 시스템입니다. 개발자는 눈에 띄지 않는 "growl-style" 알림 상자를 만들어 사용자에게 다양한 상태나 메시지를 알릴 수 있습니다. 이러한 알림은 성공, 오류, 위험, 경고 및 사용자 지정 유형을 포함한 다양한 유형을 지원합니다. 각 알림에는 제목, 설명 및 하단에 카운트다운 바가 포함되어 자동으로 닫힐 때까지 남은 시간을 표시합니다(기본값은 5초). 이 플러그인은 사용자 피드백, 알림 및 실시간 업데이트를 위한 깔끔한 솔루션을 제공합니다. 양식 제출 후 확인 메시지를 표시하거나, 사용자에게 오류를 알리거나, 워크플로를 방해하지 않고 간단한 상태 업데이트를 제공하는 데 유용합니다.- 라이센스MIT- 사용 방법1. 최신 jQuer..

마우스 스크롤, 오버에 따라 효과가 적용되는 텍스트 효과입니다.응용하여 다양한 예제의 텍스트를 만들 수 있습니다.HTML 구조  TEXT EFFECTWOAH  GSAPAND CLIPPING  CRAZYYYCRAZYYY HOVER ON MEhttps://stacksorted.com/text-effects/minh-pham" target="_blank" rel="noopener">SOURCE LIKE THIS?https://twitter.com/juxtopposed" target="_blank" rel="noopener">LET'S CONNECT CSS 소스body {  margin: 0;  padding: 0;  font-family: 'Poppins', sans-serif;  background-colo..

클릭하면 움직이는 아이콘과 메뉴가 나타나는 서치 효과입니다.응용하여 다양한 사이트의 메뉴로 사용할 수 있습니다.HTML 구조                                       Comment                ⌘+Shift+M                                                Ask AI                ⌘+J                                                Delete                Del                                                Duplicate                ⌘+D                                    ..