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

[모던자바스크립트] 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 Custom styles for Input file by jeongahlee (@jeongahlee) on CodePen.

See the Pen SlideToggle / SlideUp / SlideDown - JavaScript (Vanilla) by jeongahlee (@jeongahlee) on CodePen.

[Javascript] scroll counter (javascript, jquery 방법) See the Pen 스크롤값 구하기 [javascript] by jeongahlee (@jeongahlee) on CodePen.

Scroll End (가로 end, 세로 end) Check - true, false See the Pen [javascript] scroll end by jeongahlee (@jeongahlee) on CodePen.

[모던자바스크립트]15장 이벤트 처리 15.1 이벤트 처리기를 등록하는 방법 : 이벤트가 발생했을 때 실행되는 함수를 이벤트 처리기 또는 이벤트 리스너라고 합니다. 등록방법 1. HTML요소의 이벤트 처리기 속성에 설정하는 방법 : 1-1. 이벤트 처리기의 문제점 * HTML 문서를 읽어 들일 때 이벤트 처리기도 함께 설정하기 때문에 설정하기 쉽습니다. * HTML과 자바스크립트 프로그램이 뒤섞여 프로그램의 가독성이 떨어집니다. 결과적으로 프로그램의 유지 보수성이 떨어집니다. * 특정 요소의 특정 이벤트에 대해서 이벤트 처리기를 단 하나만 등록할 수 있습니다. 그 요소에 똑같은 이벤트 처리하는 이벤트 처리기를 등록하면 나중에 등록한 함수가 이전에 등록한 함수를 덮어씁니다. 일반적으로 HTML문서 하나는 ..

See the Pen gallary javascript by jeongahlee (@jeongahlee) on CodePen. 이미지 출처 : dribbble

See the Pen javascript30(Clock) by jeongahlee (@jeongahlee) on CodePen. 소스 출처 : javascript30