반응형 IT/React3 React - 2일차 정리 리액트는 라이브러리 겸 프레임워크 임 라이브러리개발자가 쉽게 개발할수 있도록 미리 만들어진 코드 묶음임필요한 기능만 가져다 쓰면 됨개발자가 라이브러리를 호출하여 사용하는 방식 ( React, Lodash, Axios ) 프레임워크애플리케이션 개발에 필요한 뼈대와 틀을 제공개발자는 프레임워크가 제공하는 규칙과 구조에 따라 코드를 작성프레임워크가 개발자의 코드를 호출하며 동작을 제어 ( Next.js, Vue.js, Spring ) 라이브러리랑 프레임워크의 차이점은?? 라이브러리: 필요한 기능만 선택해서 사용할 수 있어 자유롭습니다.프레임워크: 특정 구조와 규칙에 따라야 하므로 유연성이 적음JSX 문법 JSX(JavaScript XML)에서 return 문법 안에 있는 태그는 HTML 태그가 아니라 Re.. 2024. 12. 20. React - 리액트란? 리액트란???리액트는 프론트 앤드 개발을 위한 Javascript 오픈소스 라이브러리임 SPA ( Single Page Application ) - 하나의 페이지에서 동적으로 변화 즉 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 변경해 표시하는 기술 리액트의 특징- 선언형리액트는 html / css / javascript 로 나눠적기 보단 하나의 파일에 명시적으로 작성할 수 있게 JSX를 활용한 선언형 프로그래밍을 지향함- 컴포넌트 기반하나의 기능 구현을 위해 여러종류의 코드를 묶어둔 컴포넌트를 기반으로 개발함. 컴포넌트로 분이하면 서로 독립적이고 재사용 가능하기에 기능자체에 집중하여 개발할수 있음.- 범용성자바스크립트 프로젝트 어디에든 유연하게 적용될수 있음. 2024. 12. 17. React - JSX JSX 란?자바스크립트를 확장한 문법일반 DOM 은 HTML, CSS, Javascript 세가지 통합사용React DOM 은 css 와 JSX 를 사용 리액트는 실제로 DOM을 수정하지만, 직접적으로 하지는 않음. 대신 Virtual DOM을 사용하여 효율적으로 DOM을 업데이트함 작동원리Virtual DOM 생성: 리액트는 컴포넌트의 상태가 변경될 때마다 새로운 Virtual DOM 트리를 생성비교 (Diffing): 이전 Virtual DOM과 새로운 Virtual DOM을 비교하여 변경된 부분을 식별실제 DOM 업데이트: 변경이 필요한 부분만 실제 DOM에 적용합니다. 이 과정을 '재조정(Reconciliation)'이라고 리액트에서는 직접적인 DOM 조작을 권장하지 않음. 대신 상태(state).. 2024. 11. 22. 이전 1 다음 반응형
