개발일기

  • 홈
  • 태그
  • 방명록

선언형 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

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
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.

티스토리툴바