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

다양한 목소리를 제공하는 TTS 제공 사이트 CLOVA Dubbing 입니다. https://clovadubbing.naver.com/ 무료로 5개 프로젝트까지 개설이 가능 합니다. 프로젝트 개설시에는 아래와 같은 인터페이스로 노출이 됩니다. 동영상이나 PDF 이미지를 추가 하여, 더빙 및 효과음을 추가 가능 합니다. 더빙내용은 Text로 입력을 하면 되고, 목소리를 선택 하여 미리듣기 혹은 더빙추가를 할 수 있습니다. 추가된 더빙을 적절한 위치에 드래그해서 배치를 하여 이용을 할 수 있겠습니다. 완성된 파일은 다운로드 기능을 이용해서 다운로드 하여 사용이 가능 합니다.

Line, Area, Bar 등의 다양한 차트를 지원하는 차트를 손쉽게 구현 할 수 있는 TOAST UI Chart 입니다. https://ui.toast.com/tui-chart 지원되는 차트는 아래 이미지를 참고 하시면 되겠습니다. 한국어 메뉴얼은 아래 페이지를 통해 접속 하시면 되고, 각 차트별로 메뉴얼을 볼 수 있습니다. https://github.com/nhn/tui.chart/blob/main/docs/ko/README.md 최신버전 및 버전별 소스 다운로드는 https://github.com/nhn/tui.chart/releases 페이지에서 제공 됩니다.

kslider는 이미지를 우아한 방식으로 표현하기 위해 만들어진 초소형, 완전 반응형, 사용하기 쉬운 jQuery 기반 슬라이더입니다. 화면 크기에 따라 높이/너비를 자동으로 조정합니다. 호버링 시 탐색 화살표를 자동으로 표시하거나 숨깁니다. Auto는 img의 속성에서 이미지 캡션을 만듭니다.alt 특정 속도로 이미지 간에 자동 전환됩니다. 회전목마와 같은 무한 루프. 와 같은 기능이 있습니다. 사용방법은 아래와 같습니다.

color-picker.js 는 웹 페이지에 HEX 색상 선택기를 추가할 수 있는 가볍고 구현하기 쉬운 jQuery 플러그인입니다. 색상 입력에 초점이 맞춰지면 간결하고 깨끗한 색상 선택기 팝업이 표시되므로 사용자가 선택한 미리 정의된 색상 집합이 포함된 팔레트에서 색상을 선택할 수 있습니다. 사용방법은 아래와 같습니다.

원하는 색상코드 입력 후 채도 단계에 따라 자동으로 색상코드를 생성하는 색상 생성기 원하는 색상을 입력한 후 채도(밝기) 단계를 선택하면 해당 색상코드가 자동으로 생성됩니다. 색상코드 생성 시 hex, HSL, rgb 중 포맷 선택이 가능하며, 선택한 포맷에 따라 코드값이 자동 생성됩니다. 컨셉 색상을 지정하고, 다양한 밝기로 자동으로 생성되니 , 편리하게 이용할 수 있네요.

16진수 색상코드나 RGB 색상코드가 아닌 CSS에 지정된 색상명을 확인하고 조합 사용이 가능한 handy colors 정리된 정보입니다. 색상 편집기를 실행할 필요없이, css로 지정된 색상명을 바로 입력하여 사용이 가능하며, 본연의 색상을 조합하여 사용이 가능하네요. 또한 여러 테마별 색상 팔레트도 제공하여, 컨셉에 따른 색상 조합을 선택해서 CSS에 지정된 색상명으로 사용이 가능하네요. 색상명으로 구성하는걸 선호하면 좋은 자료네요.^^

스크롤을 통하여 글자가 보이는 효과입니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML In the enchanted world of frontend development, pixels and code guide your design journey. Entranced by the dance of colors, shapes unfold on the digital canvas. Every line of code is a spell, weaving functionality and aesthetics into an immersive digital tale. In the enchanted world of frontend development, pixels and code guide your ..

각 카드별 마우스 호버 시 색상이 변경이 되며 상품 카드에 시각적 디자인 효과를 주기에 좋을 거 같습니다. 코드 및 데모는 데모링크를 통해서 확인하실 수 있습니다. HTML Pricing Basic $9.99 Access to standard workouts and nutrition plans Email support Get Started Pro $19.99 Access to advanced workouts and nutrition plans Priority Email support Exclusive access to live Q&A sessions Upgrade to Pro Ultimate $29.99 Access to all premium workouts and nutrition plans 24/7 ..

월별, 주별, 일별 달력을 제공하며 드래그를 통한 이벤트 생성 및 편집이 가능한 TOAST UI Calendar 입니다. https://nhn.github.io/tui.calendar/latest/tutorial-00-calendar-app 페이지에서 다양한 샘플 데모를 확인이 가능 합니다. 사용방법은 한글로 된 메뉴얼이 제공되고 있습니다. https://github.com/nhn/tui.calendar/blob/main/docs/ko/README.md 최신버전의 소스 다운로드는 아래 github에서 할 수 있습니다. https://github.com/nhn/tui.calendar

이미지 편집을 웹브라우저에서 할 수 있는 편집툴인 TOAST UI Image Editor 입니다. https://nhn.github.io/tui.image-editor/latest/tutorial-example01-includeUi 페이지에서 데모 페이지 확인이 가능 합니다. 소스의 다운로드는 https://github.com/nhn/tui.image-editor/releases 페이지를 통해서 버전별로 다운로드가 가능 합니다. 설치 방법은 https://github.com/nhn/tui.image-editor 페이지를 참고 하시면 되겠습니다. 소스를 다운로드 받는 경우, apps\image-editor\examples 경로에서 샘플 소스도 확인이 가능 하겠습니다. 샘플 소스를 활용해서 쉽게 구동을 해볼..