개발/코딩
코드 작성, 디버깅, 리팩터링, 테스트 자동화에 AI를 활용하는 실전 흐름을 정리합니다.
389 posts
ckeditor5
https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/predefined-bu...
카카오맵 퍼블리싱
https://codesandbox.io/s/kakao-map-r8dgk2
[질문] 스와이퍼 페이징 자동 넘김 시 페이징 위치 이동하기
1) 데스크탑 디자인2) 모바일 디자인3) 작업한 소스는 다음을...
swiperjs 페이징을 텍스트로 처리하는 방법
질문.왼쪽피씨버전, 오른쪽모바일로 생각하고 있는데 스와이프로 꾸밀려고 하는데요모바일 버전은 @yuni726님 코드펜꺼 작업하신거 보니깐... 녹색 부분을 스와이퍼고, 아래...
swiperjs IE 지원 버전은 swiper.4.5.1 입니다.
swiperjs는 5버전부터 IE를 지원하지 않습니다.그래서 IE 대용은 swiper.4.5.1...
meta viewport 모바일에서 PC 사이즈 그대로 보기
기본 뷰포트<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,...
텍스트 추출해서 링크 변환하기
텍스트 추출해서 링크 변환하기https://codepen.io/eond/pen/MWwzyBzhttps://codepen.io/eond/pen/MWwzyBz"...
swiper.js 1열 3행
하긴 했는데 RXE(Rhymix or XE)에 넣으니깐 제대로 구현이 되질 않네요.특히 loop:true는 글순서가 뒤바뀌니 사용하기 어렵네요.3.4.1에서는 그런대로...
swiper 관련 일시 정지 등등등..
1. css 애니메이션 일시...
[swiperjs] 스와이퍼 페이징 2자리 수 출력
var swiper = new Swiper('.swiper-container', { effect: 'fade', pagination: { el:...
slick slider 1/3 페이징을 카운터로 표시하기
출처...
spotify.design slider effect
https://codepen.io/eond/pen/KKaGvQO?editors=1111https://codepen.io/eond/pen/KKaGvQO?editors=1111"...
슬라이더 여러개..
1. jdSlider: Generic Carousel/Slideshow Demos...
css 애니메이션 재시작
버튼을 눌렀을 때 특정 클래스의 효과를 제거했다가 다시 추가할 때 사용하는 방법입니다.저는 위 스크립트에서 마우스를 해당 컨테이너에 가져다댔을 경우 pause 클래스를...
gsap 소개
https://webzz.tistory.com/659 https://webzz.tistory.com/659" style="height:...
쉽게 애니메이션으로 만들어주는 스크립트 delighters.js
https://q42.github.io/delighters/https://q42.github.io/delighters/" style="height:...
webticker js loop
webticker js...
Material design
https://material.io/https://material.io/" style="height: 170px;">https://material.io/
glider.js autoplay
https://glidejs.com/docs/components/autoplay/https://glidejs.com/docs/components/autoplay/"...
가로 롤링 슬라이딩 배너
jquery horizon newstickerhttps://ssamlee.tistory.com/13https://ssamlee.tistory.com/13"...
ckeditor5
https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/alternative-setups/predefined-builds.html#classic-editor
카카오맵 퍼블리싱
https://codesandbox.io/s/kakao-map-r8dgk2
[질문] 스와이퍼 페이징 자동 넘김 시 페이징 위치 이동하기
1) 데스크탑 디자인2) 모바일 디자인3) 작업한 소스는 다음을 참조했습니다.https://eond.com/jquery/443421https://eond.com/jquery/443421" style="height:...
swiperjs 페이징을 텍스트로 처리하는 방법
질문.왼쪽피씨버전, 오른쪽모바일로 생각하고 있는데 스와이프로 꾸밀려고 하는데요모바일 버전은 @yuni726님 코드펜꺼 작업하신거 보니깐... 녹색 부분을 스와이퍼고, 아래 부분은 녹색 부분 다음버튼 클릭하면 아래 레이어가 순차적으로 변경되던건데그런 방식이 아니라,녹색 부분을...
swiperjs IE 지원 버전은 swiper.4.5.1 입니다.
swiperjs는 5버전부터 IE를 지원하지 않습니다.그래서 IE 대용은 swiper.4.5.1 입니다.https://unpkg.com/browse/swiper@4.5.1/기존에 7.3.3 으로 제작됐었는데 css, js만 수정하고 js 코드는 그대로 쓰니 잘 동작하네요.PS....
meta viewport 모바일에서 PC 사이즈 그대로 보기
기본 뷰포트<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />PC 사이즈 그대로 보기를 원할 경우<meta name="viewport"...
텍스트 추출해서 링크 변환하기
텍스트 추출해서 링크 변환하기https://codepen.io/eond/pen/MWwzyBzhttps://codepen.io/eond/pen/MWwzyBz" style="height:...
swiper.js 1열 3행
하긴 했는데 RXE(Rhymix or XE)에 넣으니깐 제대로 구현이 되질 않네요.특히 loop:true는 글순서가 뒤바뀌니 사용하기 어렵네요.3.4.1에서는 그런대로 보여지는데, 6.8.1은 잘 안되는거 같기도 하구요. 흠..그리고 레이아웃에서 어떻게 스타일을 짰는지에 따라 또...
swiper 관련 일시 정지 등등등..
1. css 애니메이션 일시 정지하기https://css-tricks.com/how-to-play-and-pause-css-animations-with-css-custom-properties/참조스와이퍼...
[swiperjs] 스와이퍼 페이징 2자리 수 출력
var swiper = new Swiper('.swiper-container', { effect: 'fade', pagination: { el: '.swiper-pagination', type: 'fraction', formatFractionCurrent: function...
slick slider 1/3 페이징을 카운터로 표시하기
출처...
spotify.design slider effect
https://codepen.io/eond/pen/KKaGvQO?editors=1111https://codepen.io/eond/pen/KKaGvQO?editors=1111" style="height:...
슬라이더 여러개..
1. jdSlider: Generic Carousel/Slideshow Demos...
css 애니메이션 재시작
버튼을 눌렀을 때 특정 클래스의 효과를 제거했다가 다시 추가할 때 사용하는 방법입니다.저는 위 스크립트에서 마우스를 해당 컨테이너에 가져다댔을 경우 pause 클래스를 붙여줬다가, 마우스를 떼면 다시 on 클래스를 붙여주는 식으로 작업을 했습니다.원래 on 클래스로 동작이 되는...
gsap 소개
https://webzz.tistory.com/659 https://webzz.tistory.com/659" style="height:...
쉽게 애니메이션으로 만들어주는 스크립트 delighters.js
https://q42.github.io/delighters/https://q42.github.io/delighters/" style="height:...
webticker js loop
webticker js loophttp://maze.digital/webticker/examples/#stop-conthttp://maze.digital/webticker/examples/#stop-cont" style="height:...
Material design
https://material.io/https://material.io/" style="height: 170px;">https://material.io/
glider.js autoplay
https://glidejs.com/docs/components/autoplay/https://glidejs.com/docs/components/autoplay/" style="height:...
가로 롤링 슬라이딩 배너
jquery horizon newstickerhttps://ssamlee.tistory.com/13https://ssamlee.tistory.com/13" style="height:...
ckeditor5
카카오맵 퍼블리싱
[질문] 스와이퍼 페이징 자동 넘김 시 페이징 위치 이동하기
swiperjs 페이징을 텍스트로 처리하는 방법
swiperjs IE 지원 버전은 swiper.4.5.1 입니다.
meta viewport 모바일에서 PC 사이즈 그대로 보기
텍스트 추출해서 링크 변환하기
swiper.js 1열 3행
swiper 관련 일시 정지 등등등..
[swiperjs] 스와이퍼 페이징 2자리 수 출력
slick slider 1/3 페이징을 카운터로 표시하기
spotify.design slider effect
슬라이더 여러개..