jeongah story 알고 싶은 코드가 있으시면,
게시글 아무대나 댓글주세요!

See the Pen 3D Pause Button by Håvard Brynjulfsen (@havardob) on CodePen. See the Pen Switch | CSS only by Håvard Brynjulfsen (@havardob) on CodePen.

See the Pen scroll background change by jeongahlee (@jeongahlee) on CodePen.

[채널 연동법] [플레이리스트 연동법] 활용 : YouTube Data API / V3 [채널 연동법] - Javascript로 활용 SCRIPT 변수 값 지정 //api key const apiKey = '[본인의 api key 발급받아야합니다 !!! ]'; //채널아이디 const channelId = '[가져오고싶은 유튜브 채널 아이디 !!! ]'; // Channel const channels = `https://www.googleapis.com/youtube/v3/channels?key=${apiKey}&id=${channelId}&part=snippet,contentDetails,statistics`; apiKey : 유튜브 관련 정보를 얻을려면, api key를 발급받아야 합니다. api k..

See the Pen Take Notes with Voice (Chrome Only) by George W. Park (@GeorgePark) on CodePen. 코드펜을 연 후, 말해보면 자동으로 글이 써집니다 ㅎㅎ

See the Pen [Javascript] Change Image by jeongahlee (@jeongahlee) on CodePen.

[모던자바스크립트] 19.2 blob : Blob을 활용하면 자바스크립트로 이미지, 음성,영상 등의 이진 데이터를 다룰 수 있습니다. 또한 Blob을 상속받는 file 객체로 로컬 파일을 다룰 수 있게 됩니다. : Blob은 일련의 데이터를 처리하거나 간접 참조하는 객체다. "즉, 데이터 자체라기보다는 데이터를 간접적으로 접근하기 위한 객체인 것이다." 19.2.1 Blob : 데이터베이스 관리 시스템의 BLOB(Binary Large Object)에서 유래 됬습니다. : 이진 데이터를 저장하기 위한 데이터 타입으로 이미지나 음성 등의 멀티미디어 데이터를 저장한느 용도로 사용합니다. : 자바스크립트 Blob 객체는 데이터 덩어리를 참조하는 용도로 사용합니다. 큰 데이터는 물론 작은 데이터도 다룰 수 있습..

[모던자바스크립트] API활용 19.1 드래그 앤 드롭(DnD) API : HTML요소나 로컬 파일을 마우스로 끌어서옮길 수 있으며, 다른 요소에 드롭할 수도 있습니다. 이때 드래그한 요소 또는 파일의 데이터는 드롭 타깃 요소에 전달됩니다. 19.1.1 HTML 요소를 드래그할 수 있게 만들기 HTML 요소에 draggable 속성을 지정합니다. daraggable속성에는 논리값을 지정합니다. ture > drag , false > drag x 드래그할 수 있습니다. 이 속성을 지정하지 않거나 Auto로 지정하면 해당 HTML 요소의 기본값을 사용합니다. href 속성을 지정한 a 요소와 src속성을 지정한 img 요소는 기본적으로 드래그할 수있또록 만들어져 있습니다. 19.1.2 드래그 이벤트와 드롭 ..

See the Pen odometer minimal javascript by jeongahlee (@jeongahlee) on CodePen.