오늘의 공부내용을 복습하자. 공부했던 내용을 기억이 나는데로 적고 있어서 잘못된 내용이 있을 수도 있습니다.
1. 리액트란 무엇인가
리액트는 페이스북 에서 사용자 인터페이스를 만들기 위한 JavaScript의 라이브러리이다.
React는 Vue, Angualar와 많이 비교되는데 뷰와 앵귤러는 프레임 워크이고 리액트는 라이브러리 이다.
그럼 프레임 워크란 라이브러리들을 모아놓은것을 말합니다.
그렇기 때문에 개인적인 생각으로는 리액트는 뷰와 앵귤러와 다르게 다양한 라이브러리(리액트 훅, 리덕스)를 이용해서 작업이 가능할것 같습니다.
그리고 지금도 다양한 기업들에서 리액트를 사용해서 프로젝트를 만들고 있어 다양한 정보들이 많이 있습니다.
2. 리액트의 컴포넌트란?
리액트의 컴포넌트란 페이지를 구성하기 위한 항목이라고 생각된다.
우리가 흔히 보이는 네이버를 보더라도 상단에 메뉴와 사이드 메뉴, 로그인, 배너 등등이 컴포넌트라고 생각하면 될것 같다. 그래서 우리는 해당부분을 수정할 때 페이지 전체를 수정하지 않고 해당 컴포넌트만 수정함으로써 유지보수 측면에서도 상당히 편할것 같다.
그리고 컴포넌트는 객체형과 함수형이 있는데 요즘은 리액트 Hooks 이라는 것이 나와 함수형 컴포넌트를 사용하는 추세라고 한다.
두가지 다 장담점은 있지만 현재로써는 함수형 컴포넌트가 여러가지 측면에서는 조금 더 좋은거 같다.
3. 가상돔??
리액트는 가상돔을 사용한다는 특징이 있는데 나는 퍼블리싱만 하다보니 가상돔이 뭐지?? 했는데
우리가 사용자에게 보여주는 실제 렌더링 되는 화면이 아니라 가상돔을 메모리에 하나 만들어 거기서 특정 컴포넌트가 변경이 되었는지에 따라 오류가 없는지 확인 후 유저에게 출력 할수 있게 해주는 역활이라고 한다.
자세하게 들어가게 되면 기초를 익히는 과정에선 복잡해 질 수 있기 때문에 심플하게 생각하리고 했다.
오늘의 수업은 이렇게 후 간단한 TicTacToe 프로젝트를 만들었다.
TIcTacToe에 관해서 또 글을 작성해서 복습을 할 예정이다.
'공부일지 > React' 카테고리의 다른 글
| 비전공자의 공부일지 - Redux, Reducer, Provider, reduxToolkit (0) | 2023.05.04 |
|---|---|
| 비전공자의 공부일지 - reactContext (1) | 2023.05.03 |
| 비전공자의 공부일지 - firebase, LocalStorage, firebase를 이용해서 웹, 앱 배포하기 (0) | 2023.05.02 |
| 비전공자의 공부일지 - React Router Dom, useDebounce (0) | 2023.04.28 |
| 비전공자의 공부일지 - Axios, Styled Component, 동기? 비동기? (0) | 2023.04.27 |
