✍️
TIL
  • TIL
  • react
    • react 16.3 이후 라이프 싸이클
    • 함수형 컴포넌트 vs 클래스 컴포넌트
    • React의 장점
    • 기본문법
    • Flow Diagram
    • redux-saga
    • nextjs
    • mobx
    • 리액트는 어떻게 동작할까?
  • data-structure
    • 이진 검색 트리(binary search tree)
    • HashTable
    • Tree
    • 트라이(Trie)
    • 선형 구조 vs 비선형 구조
    • 연결 리스트(linked-list)
    • Queue
    • Graph
    • Heap
    • Stack
  • web
    • 웹 브라우저의 동작 원리
    • Basic
    • Webpack이란?
    • rendering
    • npm
    • babel
  • graphQL
    • Query
    • Mutation
    • Introduction
  • algorithm
    • big-o
    • 버블 정렬(bubble sort)
    • 힙 정렬(heap sort)
    • 선택 정렬(selection sort)
    • 퀵 정렬(quick sort)
    • 백트래킹 알고리즘
    • 삽입 정렬(insertion sort)
    • 계수 정렬(counting sort)
    • 다엑스트라 알고리즘
    • 이진 탐색
    • 합병 정렬(merge-sort)
    • 동적 계획법(Dynamic programming)
  • web-security
    • XSS(Cross Site Scripting)
    • CSRF(Cross-site request forgery)
    • Tabnabbing
  • javaScript
    • dom
    • 자바스크립트 성능 최적화
    • Event Loop
    • Snippets
    • javaScript
  • programming-paradigm
    • Object Oriented Programming
    • 함수형 프로그래밍
    • 구조적 프로그래밍
  • computer-science
    • Process vs Thread
    • 비트 연산자
    • 그레이 코드
  • vue
    • Vue
  • design-pattern
    • MVP pattern
    • Flux
    • 아토믹 디자인
    • MVVM pattern
    • MVC pattern
  • css
    • css
    • Grid
    • css-methodologies
    • FlexBox
  • html
    • html
  • regExp
    • regExp
  • git
    • Git-flow
Powered by GitBook
On this page
  • Vitual DOM으로 인해 변경된 DOM만 리렌더링 시킨다
  • 선언형으로 코드를 작성하기 때문에 명령형으로 작성된 코드에 비해 코드를 읽기 쉽다.
  • Component기반으로 코드를 작성할 수 있어서 코드를 재사용하기 용이하다

Was this helpful?

  1. react

React의 장점

Vitual DOM으로 인해 변경된 DOM만 리렌더링 시킨다

  • 더블 버퍼링 방식으로 React 컴포넌트의 state나 props가 변경되면 내부의 Vitual DOM에 먼저 그린 뒤 Reconciliation(diffing) 알고리즘을 이용해 O(n)의 시간복잡도로 변경된 DOM을 확인하고 해당 DOM만 다시 그리기 때문에 효율적 입니다.

선언형으로 코드를 작성하기 때문에 명령형으로 작성된 코드에 비해 코드를 읽기 쉽다.

  • How(어떻게)가 아니라 What(무엇)을 정의하기 때문에 컴포넌트가 props로 무엇이 필요한지 손 쉽게 확인할 수 있습니다.

Component기반으로 코드를 작성할 수 있어서 코드를 재사용하기 용이하다

  • 특정한 역할을 하는 ui를 컴포넌트로 분리해서 독립적이고 재활용 가능하면서 격리된 조각으로 만들 수 있습니다.

  • html, css(CSS-IN-jS 라이브러리를 사용했을 경우에), js 파일로 분리되어 있던 코드들을 컴포넌트 단위의 한 파일로 합칠 수 있습니다.

Previous함수형 컴포넌트 vs 클래스 컴포넌트Next기본문법

Last updated 5 years ago

Was this helpful?