목록2024/03/15 (2)

C-log

DOM, 동기와 비동기, Hook, Promise(callback)

1. DOM(Document Object Model)이란? DOM은 웹 페이지의 구조를 노드의 상속 관계를 맺는 트리 구조로 이루어져 있습니다. 각 노드는 요소(element), 속성(attribute) 등을 나타내며, 부모-자식 관계에 따라 구성됩니다. JavaScript의 를 통해 `document` 객체를 통해 웹 페이지의 요소에 접근하여 동적으로 변경할 수 있습니다. 이러한 노드를 읽고 조작할 수 있으며, 이를 통해 웹 페이지는 브라우저가 이해할 수 있는 구조로 만들어지며, JavaScript를 사용하여 웹 페이지의 요소를 동적으로 조작할 수 있습니다. keyword : 웹 페이지의 구조, 트리 구조로 이루어져 있다, 상속관계, 요소, 속성, js의 documnet 객체 2. DOM과 Virtua..
🛠️기술 대비 2024. 3. 15. 10:11
react-quill lib이란? react-quill을 사용하지 말자

이제 나만의 시험지를 생성할 수 있는 페이지를 제작할 것이다. 모든 기능의 툴을 일일이 제작하는 방법도 있겠지만 라이브러리를 이용해서 빠르게 작업을 수행하면 좋게다고 판단을 했다. FE팀원이 알아봐준 결과 react-quill이라는 라이브러리가 정보와 자료가 많다고 추천을 해주었다. 그래서 이번 시간에는 react-qull 라이브러리를 알아보려고 한다. 우선 react-quill 라이브러릴 npm으로 설치하고 기본적인 세팅을 해보겠다. 기본적인 세팅을 아래와 같다. # setting react-quill import ReactQuill from "react-quill" export default function EditTestSplit() { return ( Test ) } 위와 같이 작성하고 브라우저로..
💻개발 노트/나만의 시험지 2024. 3. 15. 00:51
이전 Prev 1 Next 다음