React 란 무엇인지, 정의와 특징에 대해 간단히 정리하고 !! 처음에 어떻게 시작하는지 셋팅법과 실행까지 간단하게 설명해보려고 합니다.
리액트의 핵심!! Component의 Props와 State에 대해서 자세하게 알아봅시다 🔥
React Hook에서 Scroll 컨트롤 하기, moveToTopBtn 구현
ReactDOMClient.createRoot
NVM (Node Version Manager)한 마디로 Node.js 의 버전을 관리하는 도구이다.
리액트에 필요한 자바스크립트 ES6의 핵심 문법(주요 문법, 필수 사항?)을 정리해보자.
이 다음 (c)가 진짜 하이라이트 - 배열과 비동기
가장 자주 사용하는 배열 메소드인 forEach 와 map 그리고 reduce 까지 알아보자.
비동기 처리란 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성이다.
Pass data to components using props (a)
Pass data to components using props (b)
원문: Functional setState is the future of React
배열 컴포넌트 사용시 key에 배열의 index는 사용하면 안된다.
하위 컴포넌트에서 콜백 함수를 전달 해줌으로써 상위 컴포넌트에서부터 전달받은 프로퍼티의 값을 변경할 수 있다.
머티리얼 디자인이란 구글에서 공개한 디자인 가이드이다. 뭐 대충 "빠르고 쉽게 웹 개발을 해라(해야한다) 너만의 시스템을 디자인 해봐라~" 라는 내용의
오늘도 어김없이 삽질 , react-router v6
useEffect vs useMemo vs useState
Redux 는 React 꺼 아니고 JS 꺼
Redux 실습 - login, logout
프로퍼티와 스테이트는 부모 컴포넌트와 자식 컴포넌트가 연결되어 있는 상태에서 (=> 종속적인 관계가 확립됐을 때) 공유하는 데이터였다. 반면 컨텍스트는 부모와 자식 컴포넌트가 연결되어 있지 않아도 데이터를 공유할 수 있게 해준다.
동일한 값으로 state를 업데이트 했을 때의 useEffect 동작
useHistory -> useNavigate ( React Router v6 )
EC2 인스턴스로 배포했을 때 새로고침하면 페이지를 찾을 수 없다고 한다