창고

보호되어 있는 글입니다.

EMBED CODE GENERATOR 유튜브 임베드 코드 생성기 유튜브 주소나 영상 ID를 넣으면 임베드 코드를 만들어줍니다. watch?v=, youtu.be, shorts, list 파라미터가 붙은 주소 모두 지원합니다. 유튜브 주소 또는 영상 ID 생성 제목 (수정 가능) ..

역시나..클로드(ai)에서 딸칵CMS에 업로드할때 유니코드 이모지가 있으면 오류가 나기에 이미지로 바꿔주는 작업을 하는데육안으로 하다보면 못 찾고 넘어갈 때가 종종 있다.그래서 만들어 달라고 함그 전에는 필요할 때 마다 챗지피티나 제미나이한테 물어봤는데 이것들은 자꾸 구라를 까서..근데 클로드는 아예 이렇게 만들어서 줘버리니 토큰 낭비 안 해도 되고 로컬에서 확인할 수 있으니 편하고 이거지예 ㅎㅎSee the Pen Emoji checker for CMS by Oh Ikmyeong (@dpffpself) on CodePen. HTML123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525..

See the Pen scroll scale text, box by Oh Ikmyeong (@dpffpself) on CodePen.HTML1234567891011121314151617181920212223!DOCTYPE html>html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>스크롤에 따라 박스 커지고/title> link rel="stylesheet" href="./css/style.css"> script src="./js/main.js" type="module">/script>/head>body> sec..

내가 짠건 아니고 클로드(ai)로 딸칵했음.three.js를 이용해서 fbx 파일을 웹에서 볼 수 있음 좋겠더라고...https://sigmoira.dothome.co.kr/ FBX Viewer sigmoira.dothome.co.kr머리가 나빠서 그런지 three.js 강의 들었어도 뒤돌아 서면 증발하고 (이런건 사실 작업을 해야 내께 되는건데 three.js를 이용한 프로젝트와 마주치기 않길 바랄뿐;;ㅎ..)블렌더도 강의 듣고 도넛까지 만들고 내 길이 아닌갑다 함.. (3d max도 배웠었지만 이건 툴 자체도 너무 비싸고 힘들어)참고 자료로 쓸만한 무료 모델링들은 fbx로 배포가 되는데누구나 블렌더가 잘 돌아가는 컴퓨터를 가지고 있는것도 아닐테고(일단 모델 불러와서 회전시키는것도 검색해서 알아봐야하니..

보호되어 있는 글입니다.

서울런 홈페이지의 관람차 모양 2D 캐러셀 슬라이드를 구현해보기 See the Pen ferris wheel carousel 관람차 캐러셀 슬라이드 by Oh Ikmyeong (@dpffpself) on CodePen.HTML12345678910111213141516171819202122232425262728293031323334353637383940414243a href="https://slearn.seoul.go.kr/" target="_blank">서울런 카피/a>section class="slide-wrap"> ul class="slide"> li class="slide-item"> div class="slide-item-ctnt">01/div> ..

See the Pen marquee by Oh Ikmyeong (@dpffpself) on CodePen.대체 몇번쨰 marquee인지.. 이번엔 requestAnimationFrame으로 구현해보았습니다.참고 사이트는 나의 경기도 웹진 requestAnimationFrame으로 했을시 장점 및 유의할점- 반응형 대응이 쉽다- 마퀴 너비1/2이 분기점이라 flex를 먹이되 gap을 주는것보단 개체 오른쪽으로 padding을 주는게 낫다- 마퀴의 width는 max-content가 되도록- 속도 조절이 가능(CURR-- 부분)하긴 하나 경우에 따라 이상하게 튈수도 있다..! 특히 주사율이 높은 디스플레이에선 엄청나게 빨리 뛸 수 있음.- 그래서 codepen에 올린것과 달리 하단에선 보간한걸로 ... H..