REACT-STUDY
1.[리액트 스터디] 리액트는 어떻게 동작하는가? 리액트의 장점은?
리액트는 왜 쓰나? 리액트란 : react는 자바스크립트의 ui 라이브러리 새로고침 없이 웹 탐색이 가능함 => web-app이라고 칭함! 이런 장점 가지고 만들 수 있는것이 react, vue 등! 장점 모바일앱으로 발행이 쉬움(데스크탑, android, ios에서
2.Web Storage의 이해
=> 브라우저에서 키/값을 쿠키보다 훨씬 직관적으로 저장할 수 있는 방법을 제공 session storage: 각각의 출처에 대해 독립적인 저장 공간을 페이지 세션이 유지되는 동안 제공local storage: 위와 같지만, 브라우저를 닫았다 열어도 데이터 남아있음\+
3.[리액트 스터디] SPA & MPA & CSR & SSR 이란?
🙋♀️공식문서에서의 SPA: 하나의 HTML 페이지와 애플리케이션 실행에 필요한 Javascript와 CSS 같은 모든 자산을 로드하는 애플리케이션.(페이지가 다시 로드되지 않는다.)=> 간단하게 말하자면, 페이지 하나! 깜빡이면서 새로고침되면서 이동하지않음!=>
4.[리액트 스터디] useState / useEffect
Hooks는 일반 Javascript 함수이다. 그래서 Hooks를 활용하는 custom hooks를 만들어 상태를 가지는 로직을 함수로 쉽게 분리할 수 있다.Hooks가 제공하는 내장 API(즉, 기본 Hook들에는 useState, useEffect, useCont
5.[리액트 스터디] useContext / useReducer
리액트에서 context란 리액트 컴포넌트 간에 어떠한 값을 공유할 수 있게 해주는 기능.=> 꼭 전역적일 필요는 없고, context를 단순히 props로 전달하는 방식이 아닌 또 다른 방식으로 컴포넌트 간에 값을 전달 하는 방법!props drilling이라는 문제
6.[리액트 스터디] useRef란?
(출처: chatGpt)(참고: ✔️ 순수 js를 사용하면서 특정 DOM을 선택해야 하는 상황에서는 getElementById나 querySelector 같은 DOM Selector 함수 사용해서 DOM을 선택한다!)!codesandboxrestless-violet-c
7.[리액트 스터디] useMemo란?
useMemo는 컴포넌트의 성능을 최적화시킬 수 있는 대표적인 리액트 훅중에 하나이다.(성능 최적화하기 위해서는 useCallback, useMemo, React.memo등이 쓰인다)Memoization : '기억되어야 할 것'이라는 뜻의 라틴어에서 파생된 단어로, 기