Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바 구구단 출력
- 자바
- 변수
- 자바 조건문
- 정보처리기사실기
- 자바 for문
- Vue3
- 자바 while문
- MySQL
- 자바 if문
- 자바 향상된 for문
- react ag grid
- 자바 스캐너
- 조코딩
- 자바 공배수
- 자바 강제 캐스팅
- 타입스크립트
- 항해99
- react with typescript
- 자바 public
- 이클립스 DB연동
- 자바 삼항연산자
- TypeScript
- 자바 switch문
- 자바 반복문
- Til
- 자바 자동캐스팅
- 프로그래머스
- 항해99 2기
- java
Archives
- Today
- Total
뇌 채우기 공간
[REACT] 리액트가 만들어진 배경, 리액트가 뭐냐?! 본문
리액트가 만들어진 배경
리액트가 뭐냐?!

- 리액트는 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용된다.
- 싱글 페이지 애플리케이션이나 모바일 애플리케이션 개발에 사용될 수 있다.
- 대규모 또는 복잡한 리액트 애플리케이션 개발에는 보통 라우팅, AIP통신 등의 기능이 요구되는데 리액트에는 기본적으로 제공되지 않기 때문에 추가 라이브러리를 사용해야한다.
JavaScript
- DOM을 변형시키기 위해서 브라우저의 DOM Selector API를 사용해서
- 특정 DOM을 선택한 뒤
- 특정 이벤트가 발생하면 변화를 주도록 설정한다.
- 인터렉션이 자주 발생하면 규칙이 다양하고 관리도 힘들다.
Ember,Backbone,AngularJS
- 프레임워크
- 자바스트립트의 특정 값이 바뀌면 특정 DOM의 속성이 바뀌도록 연결
- 업데이트 작업 간소화
React
상태가 바뀌었을때 업데이트 x -> 아예 다 날리고 새로 만들어서 보여준다.
하지만 새로 다 바꾸면 속도가 느리다 -> 그래서 가상돔 사용
가상돔:
메모리에 가상으로 존재하는 DOM으로서
JavaScript객체이기 때문에 작동 성능이 실제로 브라우저에서 DOM을 보여주는 것보다 속도가 빠르다.
상태 업데이트
-> 업데이트 필요한 UI를 Virtual DOM을 통해서 렌더링
-> 실제 브라우저에 보여지고 있는 DOM과 비교
-> 차이가 있는 곳을 감지
-> 실제 DOM에 패치한다.
728x90
'WEB > REACT' 카테고리의 다른 글
[REACT] 조건부 렌더링, 삼항 연산자 && (0) | 2021.07.02 |
---|---|
[REACT] props를 통해 컴포넌트 값 전달, defaultProps 기본값 설정, props.children 컴포넌트 태그 사이의 값 렌더링 (0) | 2021.07.02 |
[REACT] 스피너를 액션이 일어나기전에 보여주기/ 단어 추가하기전에 스피너 보여주기 (0) | 2021.06.30 |
[REACT] Material UI를 설치하고 로딩하기 전에 스피너화면 보여주기 (0) | 2021.06.30 |
[REACT] 프로그래스바 완료 상태에 따라 transition줘서 움직이게 하기 (0) | 2021.06.30 |