개발일기

  • 홈
  • 태그
  • 방명록

선언형 1

📘 [React 렌더링 최적화 완전 정복] 시리즈-2 imperative(명령형) vs. declarative(선언형)

✨ 2편: imperative(명령형) vs declarative(선언형) ― React와 Vue로 이해하기✅ 선언형 vs 명령형, 한 줄 요약 명령형 (Imperative)“어떻게 할지” 직접 지시“불 켜! → 스위치 찾아! → 눌러!”선언형 (Declarative)“무엇을 하고 싶은지”만 말함“불을 켜줘” (방법은 시스템이 알아서) 📦 코드로 비교하면?🟥 명령형 예제 (Vanilla JS)const button = document.querySelector('#btn'); button.textContent = '클릭!'; button.style.backgroundColor = 'red'; 직접 DOM을 찾고, 바꾸고, 조작함로직이 길고, 흐름이 개발자 중심이다.예전 jQuery 스타일을 생각하면 좋..

카테고리 없음 2025.05.06
이전
1
다음
더보기
프로필사진

개발일기

6년차 프론트엔드 개발자로 일하고 있습니다. 이것저것 공부하고, 알게된 지식들을 기록하고 반복하기 위해 적어요 :)

  • 분류 전체보기 (49)
    • 프론트엔드 개발자로 일하기 (28)
    • 한번쯤 들어본 FE 기술 (15)
    • issue-tracking (1)
    • chatory 개발 기록 (4)

Tag

자바스크립트, ResetCSS, tui editor, 탭내빙, 최적화, 선언형, nomalizecss, imperative, 리렌더링, 스타일태그, 클라우드프론트, 초기화태그, vue, tuieditor, react최적화, CSS, customhtmlsanitizer, fragement, dompurify, queue,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바