웹 게임을 만들며 배우는 React
1.리액트란 무엇이고? 왜 사용하는가?
웹 게임을 만들며 배우는 React 1강 강의 내용을 정리한 포스팅입니다.리액트는 SPA(single page Application)화면 깜빡임이 없다.거의 앱과 비슷한 느낌이난다.사용자 인터페이스, 사용자 경험등이 좋아진다.웹보다는 앱이 사용자 경험이 좋다.데이터 처
2.[React] 바벨과 웹팩을 통한 설정
강의 내용을 정리한 포스팅입니다.웹팩을 왜 사용할까요?2만개의 컴포넌트 자바스크립트 파일을 하나로 합치고 바벨까지 적용하는 것스크립트의 중복성을 제거할 수 있다.웹팩을 하기 위해서는 Node를 사용해야한다. 터미널에서 하이픈(-D) 개발에서만 사용한다.리액트 설치웹팩
3.[React] 성능 개선과 반복문에서 주의해야할 것
강의 내용을 정리한 포스팅입니다.exports되는 것이 객체나 배열이라면 구조분해 할 수 있습니다. default는 한번만 사용이 가능하고 const 선언은 여러번 사용이 가능하다.babel이 Require를 import로 바꿔준다. React는 import나 expo
4.[React] 클래스 컴포넌트의 라이프사이클과 Hooks에서의 라이프 사이클
강의 내용을 정리한 포스팅입니다.react에서의 조건문은 \*\*삼항연산자\*\*를 많이 사용한다. jsx에서 false, undefined, null은 태그 없음을 의미한다.hooks에서는 this의 속성을 Ref로 대체하여 사용한다.useRef: 값이 바뀌기는 하
5.[React] Context API 사용을 통한 전역상태관리
강의 내용을 정리한 포스팅입니다.memo 또는 PureComponent는 불필요한 렌더링을 막기 위해서 자식 컴포넌트에서 사용해 준다.useMemo: 복잡한 함수 결과 값을 기억한다.useRef: 일반 값을 기억한다.hooks는 함수 컴포넌트 전체를 다시 실행하기때문에