하루 30분 모딥다. DOM 조작

DOM 조작 새로운 노드를 생성하여 DOM에 추가, 혹은 기존 노드 삭제 또는 교체 하는 것으로, 리플로우와 리페인트가 발생한다. innerHTML 프로퍼티는 setter와 getter 모두 존재하는 프로퍼티로 HTML 문자열을 반환. 크로스 사이트 스크립팅(XSS) 공격에 취약하다. 때문에 HTML5를 지원하는 브라우저에서는 동작하지 않는다. 요소를 모두 제거하고 생성하기 때문에 효율적이지 못하다. insertAdjacentHTML innerHTML과 달리 기존 요소를 제거하지 않고 위치를 지정해 새로운 요소를 삽입한다. 첫번 째 인수로 전달할 수 있는 문자열은 아래 네가지다. const $foo = doucument.getElementById("foo") $foo.insertAdjacentHTMl("..

• format_list_bulleted 하루 30분 모딥다
• · 2023. 5. 31.
• textsms

React에서 Font Awesom 아이콘 무료로 사용하는 법

여러 아이콘을 사용할 수 있는 대표적인 서비스인 Font Awesome을 리액트에서 사용하는 법입니다. 1. Set Up with React 2. Add Icons with React Add Icons with React The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome. fontawesome.com 자세한 내용은 위의 링크에서 확인할 수 있습니다. 저는 위 방법을 그대로 따라해 보겠습니다. npm i --save @fortawesome/fontawesome-svg-core npm i --save @fortawe..

• format_list_bulleted React
• · 2023. 5. 26.
• textsms

백준 JS 1931번 회의실 배정. 그리디

첫번째 시도 시작시간을 기준으로 정렬을 한 다음, 늦은시간, 즉 뒤에서 부터 순회를 돌면서, 각각의 시간 뒤에 올 수 있는 시간표의 갯수를 나타내는 arr 배열을 만듦. const Data = `4 0 1 1 5 2 3 4 5` .trim() .split("\n").map(v => v.split(" ").map(Number)); const arr = Array(...Data.shift()).fill(1) Data.sort((a, b) => a[0] - b[0]); for (let i = arr.length - 1; i >= 0; i--) { for (let j = i+1; j < arr.length; j++) { if (Data[i][1] v.split(" ").map(Number)); Data.shif..

• format_list_bulleted 백준
• · 2023. 5. 21.
• textsms