React

React란 facebook에서 개발하고 전세계적으로 제일 많이 사용하고 있는 자바스크립트 오픈 라이브러리입니다.기본적으로 SPA(Single Page Application)을 지원하고 Component 기반의 개발을 할 수 있습니다.SPA에 대표적인 종류로는 Vue,

컴포넌트란 재사용이 가능한 독립적인 요소입니다.React에서는 UI를 구성하는 작은 단위 하나하나를 컴포넌트라고 합니다.HTML을 작성하게 되면 크게 헤더영역, 네비게이션, 컨텐츠, 푸터와 같이 레이아웃을 나누어 작성하게됩니다.하나의 페이지에 많은 코드가 들어가게되고

State는 해당 컴포넌트의 상태변수라고 할 수 있습니다.모든 state는 특정한 컴포넌트가 소유하고 있으며 state로부터 파생된 UI 또는 데이터는 오직 트리구조에서 자신의 “아래”에 있는 컴포넌트에만 영향을 미칩니다.state가 변경되면 react가 값을 감지하여

예전의 웹페이지는 input의 값을 관리하는것을 이벤트 또는 DOM을 직접 접근하여 관리하였습니다.텍스트 입력시 onChange 이벤트가 발생하여 닉네임을 받아 올 수 있습니다.React리엑트는 기존의 html처럼 input의 값을 제어하고 관리하는게 아닌 state를

제어컴포넌트의 대안 방법으로 비제어 컴포넌트를 사용할 수 있습니다.js에서 Input에 에 값을 변경하고 제어하는 방법으로 2가지가 있다고 했습니다.이벤트를 통한 input 값 관리DOM을 통한 input 관리비제어 컴포넌트는 DOM 자체에서 데이터를 다루게 됩니다.하

기존 정적사이트인 HTML에서의 style은 .css로 작성하였습니다.htmlcss하지만 React는 html DOM을 JS를 통해 렌더링하는 라이브러리로 기존의 방식과는 다른 방식을 사용하게됩니다.HTML은 구분자로 세미콜론( ; )을 사용하며 문자열을 전달했습니다.

React 전통적인 방식의 단점을 보안하기 하며 SPA(Single Page Application)의 방식으로 하나의 페이지에서 컴포넌트를 렌더링하는 방식을 사용하고 있습니다.전통적인 웹 애플리케이션 단점페이지를 서버에서 렌더링하기 때문에 속도가 느리다.

React를 공부하면서 전역상태 관리로 ContextAPI, Redux, React-Query를 사용해 봤습니다. 그러던 중 프로젝트를 진행하기 전 기술 스택을 선택하는 중 위에 Redux는 이제 거의 사용하지 않는편이고, ContextAPI는 내장 라이브러리로 조금