Rendering Elements

primav·2024년 7월 7일

React

목록 보기
4/35
post-thumbnail
✨ 이 포스팅은 인프런 무료 강의 "처음 만난 리액트"를 참고하여 쓴 공부 기록입니다 ✨

인프런 - 처음 만난 리액트

리액트란 무엇인가?

➡️ 리액트 : 화면을 만들기 위한 기능을 모아놓은 것

  • 사용자 인터페이스를 만들기 위한 자바스크립트 라이브러리
  • 사용자 인터페이스(UI) : 사용자와 컴퓨터 프로그램이 상호작용 하기 위해 입력과 출력을 제어
  • 라이브러리 : 자주 사용되는 기능을 모아놓은 것

프레임워크 VS 라이브러리

  • 프레임워크 : 프로그램 흐름에 대한 제어 권한 -> 자기 자신 (프레임워크)
  • 라이브러리 : 프로그램 흐름에 대한 제어 권한 -> 개발자

리액트 장점

  • 빠른 업데이트 & 렌더링 속도

    화면 업데이트 = DOM이 수정
    기존 방식 ➡️ DOM에서 직접 찾아서 수정
    React ➡️ DOM 직접 수정 x 최소한의 부분만 업데이트

  • 컴포넌트 기반
    최소 단위들이 모여서 개발
    재사용성 o

  • 유지보수 용이

리액트 단점

➡️ 방대한 학습량

  • virtual DOM
  • JSX
  • Component
  • State
  • Props

0개의 댓글