본문 바로가기

전체 글

Photocols.js로 ‘움직이는 포토월(무한 스크롤 이미지 벽)’ 만들기 (jQuery 플러그인 실전 가이드) Photocols.js로 ‘움직이는 포토월(무한 스크롤 이미지 벽)’ 만들기 (jQuery 플러그인 실전 가이드) 설명: Photocols.js는 이미지들을 자동으로 그리드(행/열)로 배치하고, 상·하·좌·우 방향으로 지속 스크롤시키는 “포토월(이미지 월)”을 쉽게 만드는 jQuery 플러그인입니다. 패럴랙스(열/행별 속도 차)·지연 로딩(IntersectionObserver)·호버 일시정지·오버레이 캡션까지 한 번에 구성할 수 있습니다. 이 글은 Photocols.js 최신 v2 계열 기준으로, 초보자도 따라 할 수 있도록 설치 → 데이터 구성 → 옵션 튜닝 → 성능/운영 팁까지 한 번에 정리했습니다. 키워드 태그 #Photocols #jquery #포.. 더보기
언론기관 부설 평생교육원설립 예스소프트 인터넷뉴스 신문으로 쉽게 구축하세요!! 언론기관 부설 평생교육원이란?신문사·인터넷신문·방송사 등 언론기관이 모체(모법인)가 되어 설립하는 평생교육시설로,일반 개인·법인보다 설립 요건이 완화되고 신뢰도·인가 승인률이 높은 구조입니다.법적 근거평생교육법 제30조(언론기관·시민사회단체 부설 평생교육시설 허용)왜 언론기관 부설이 유리한가?인가 난이도높음상대적으로 낮음시설 기준엄격다소 완화신뢰도보통높음 (공공성 인정)브랜드 효과없음언론 브랜드 활용 가능홍보 채널제한기사·포털 노출 가능교육청 심사까다로움긍정적 평가 가능정부 협력 가능성보통높음언론기관 요건 (필수)1. 언론기관 등록 필수다음 중 하나 필요:인터넷신문 등록증 (가장 일반적)문화체육관광부 또는 시·군·구 등록발행인, 편집인, 기사 생산 인력 필요기사 업로드 실적 필요종이신문 등록증방송사 등록.. 더보기
fireworks.js 완전 정리: Canvas 기반 “리얼한 불꽃놀이” 배경 효과를 jQuery/Vanilla/React로 빠르게 적용하는 방법 fireworks.js 완전 정리: Canvas 기반 “리얼한 불꽃놀이” 배경 효과를 jQuery/Vanilla/React로 빠르게 적용하는 방법 HTML5 Canvas 가벼운 용량(약 20KB) jQuery/Vanilla/React/Angular 반응형(컨테이너 크기 자동 감지) MIT License IE10+ 지원 표기 fireworks.js는 HTML5 Canvas로 “실감나는 불꽃놀이 애니메이션”을 렌더링하는 라이브러리입니다. 별도의 복잡한 물리 구현 없이도 파티클/폭발 메커니즘을 포함한 효과를 제공하며, 컨테이너 내부에 canvas를 자동으로 붙이고 크기에 맞게 반응형으로 스케일됩니다. .. 더보기
Tagify(태그 입력 UI) 완벽 가이드: 텍스트 필드 기반 Tags Input + 자동완성·드래그정렬·검증까지 Tagify(태그 입력 UI) 완벽 가이드: 텍스트 필드 기반 Tags Input + 자동완성·드래그정렬·검증까지 고성능 Tags/Tokens Input 자동완성(Whitelist) 중복 방지 드래그 정렬 편집(더블클릭) Vanilla JS / React / Vue / Angular MIT Tagify는 입력창(input/textarea)을 “태그 입력 컴포넌트”로 변환해 주는 라이브러리입니다. 콤마/엔터로 태그 생성, 중복 자동 차단, 추천 목록(autocomplete), 태그 편집, 드래그 앤 드롭 정렬 같은 실전 기능을 폭넓게 제공합니다. 설명(요약) .. 더보기
Nepali Date Picker(네팔 달력) jQuery 플러그인: BS↔AD 자동 변환 날짜 선택기 설치·옵션·활용 가이드 Nepali Date Picker(네팔 달력) jQuery 플러그인: BS↔AD 자동 변환 날짜 선택기 설치·옵션·활용 가이드 Bikram Sambat(BS) 지원 Anno Domini(AD) 자동 변환 7가지 테마 모바일/키보드 지원 MIT License Nepali Date Picker는 네팔 공식 달력 체계인 Bikram Sambat(BS) 날짜를 입력/선택할 수 있도록 제공하는 jQuery 날짜 선택기입니다. 가장 큰 장점은 BS ↔ AD(서기) 양방향 자동 변환을 지원한다는 점입니다. 정부·행정·HR·예약·회계처럼 “공식 날짜 체계”가 중요한 화면에서 특히 유용합니다. 설명(요약).. 더보기
CSS: Radio Input Stars — 라디오 박스로 만드는 “CSS 전용” 별점(애니메이션 포함) CSS: Radio Input Stars — 라디오 박스로 만드는 “CSS 전용” 별점(애니메이션 포함) 라디오 버튼(radio)의 :checked 상태와 형제 선택자(~)를 이용해 SVG 별을 단계적으로 채우는 “자바스크립트 없이 동작하는” 별점 UI입니다. 클릭 시 색이 서서히 채워지고, 별 크기가 자연스럽게 변하는 애니메이션 효과까지 포함했습니다. 설명(Description) “Radio Input Stars”는 라디오 박스를 이용한 별점 CSS 소스입니다. 원하는 위치를 클릭하면 해당 점수까지 별이 채워지고, hover 시 미리보기(프리뷰)도 제공됩니다. SCSS 반복문으로도 확장 가능하며, 본 글에서는 티스토리에 바로 붙여넣기 가.. 더보기
마우스로 요소를 회전시키는 JavaScript 라이브러리 Propeller.js 사용 가이드 마우스로 요소를 회전시키는 JavaScript 라이브러리 Propeller.js 사용 가이드 Propeller.js는 마우스 드래그로 요소를 회전시키는 데 특화된 JavaScript 라이브러리입니다. 관성 회전, 단계별 회전(step) 기능을 제공하며, 터치 기기까지 지원해 돌림판·다이얼·노브 UI 구현에 특히 적합합니다. 설명(Description) Propeller.js는 마우스와 터치를 이용해 요소를 회전시키는 경량 JavaScript 라이브러리입니다. 관성(inertia) 기반 회전과 단계(step) 기반 회전을 모두 지원하며, 콜백 함수를 통해 회전 상태를 쉽게 제어할 수 있습니다. 키워드 태그(앞에 #) .. 더보기
드래그 & 드랍 라이브러리 Draggable JS: Sortable/Swappable 빠르게 적용하는 실전 가이드 드래그 & 드랍 라이브러리 Draggable JS: Sortable/Swappable 빠르게 적용하는 실전 가이드 설명(Description) Draggable은 모듈식 드래그 앤 드롭 라이브러리로, 기본 Drag & Drop부터 빠른 DOM 재정렬(Sortable), 요소 교환(Swappable), 접근성 있는 마크업, 다양한 이벤트 처리까지 확장할 수 있습니다. 마우스/터치(포스 터치 포함) 입력과 호환되며, 플러그인·센서 구조로 기능을 단계적으로 추가할 수 있습니다. 키워드 태그(앞에 #) #DraggableJS #드래그앤드롭 #Sortable #Swappable #JavaScript .. 더보기

티스토리툴바