Web/Front-End

React.js 기초 #1 React를 사용하는 이유

ansui 2023. 11. 4. 21:23

#1 React를 사용하는 이유
> 첫번째 이유: Shotgun Surgery 발생
- 중복코드를 작성하였을 때
- 어떤 한 변경 사항이 생겼을 때 여러 모듈을 (여러 함수 또는 여러 클래스를) 수정해야 하는 상황
 
→ 해결: 컴포넌트화 방식
: 별도의 모듈로 작성해놓고 필요한 페이지 마다 이름을 불러쓴다.
: 유지보수가 쉬워진다.
: 이전의 기술은 사용 x - 리액트는 가능!
 


> 두번째 이유
- 명령형 프로그래밍
: 절차를 하나하나 다 나열해야 한다.
예) JQuery
 
- 선언형 프로그래밍
: 그냥 목적을 바로 말한다.
예) React
 


> 세번째 이유
잦은 업데이트 상황에서 브라우저는 필요 이상의 연산을 수행 → 성능 저하
→ 해결: DOM에 업데이트
 
DOM - Document Object Model
: 문서 객체 모델
: 웹 브라우저가 html을 해석해서 보여줄때 편한대로 해석할 수 있도록 트리형태로 변환시켜 놓은 객체
 
리액트는 Virtual DOM 사용!


이정환님의 인프런 강의 "한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지"를 참고하여 작성하였습니다.

'Web > Front-End' 카테고리의 다른 글

React.js 기초 #3 JSX  (0) 2023.11.04
React.js 기초 #2 Create React App  (0) 2023.11.04
OpenWeather API로 날씨 웹사이트 만들기  (0) 2023.08.30
리액트 Class vs Function style  (0) 2023.08.11
OAuth 2.0 기본 개념  (0) 2023.08.07