javascript2 바닐라 JS로 리액트 만들기 - 2 이전의 웹팩과 바벨 설정이 끝났다면 createElement함수부터 구현을 해야한다.리액트의 경우 React.creatElement 메서드를 사용하여 프레임워크에서 자동으로 jsx를 변환해주지만 이번 프로젝트에서는 직접 프레임워크를 만들어볼 예정이므로 createElement부터 구현하기로 했다.React에서 createElementReact 공식문서위 공식문서를 보면 createElement는 3가지의 인자를 받는다.const element = createElement(type, props, ...children)type : 어떤 종류의 태그를 사용하는지porps: 해당 요소의 속성은 무엇이 들어가는지children: 해당 태그의 자식요소는 어떤것이 있는지를 입력받고 이를 이용하여 리액트 엘리먼트를 반.. 2024. 9. 24. TASKIFY Day-5 학습정리 Drag And Drop드래그앤 드롭 기능을 사용하기 위해선 HTML 태그에 속성을 추가해야한다Card 1Drag드래그를 유지하면 발생하는 이벤트이다. const card = document.querySelector('.card'); card.addEventListener("drag", function(){ let i = parseInt(card.innerHTML); card.innerHTML = i+1; })Drag start드래그를 처음 시작할 때 발생하는 이벤트이다. const card = document.querySelector('.card'); card.addEventListener("dragstart", function(){ c.. 2024. 9. 1. 이전 1 다음
