웹 게임을 만들며 배우는 React

🔗 웹 게임을 만들며 배우는 React 1. 리액트를 왜 쓰는가 - 사용자 경험 (UX) 개선 - 데이터 - 화면 일치 - 재사용 컴포넌트 2. 첫 리액트 컴포넌트 - react, react-dom 설치 필요 (🔗 링크) - 배포할 때는 developmen

🔗 웹 게임을 만들며 배우는 React 1. React Hooks 사용하기 리액트는 클래스를 사용하지 않도록 권고 👉 Hooks 사용 (함수형) state를 하나씩 분리하고 함수와 초기값 선언 setState 대신 함수를 사용하여 state 변경 구조 분해 할당

🔗 웹 게임을 만들며 배우는 React 1. import와 require 비교 - 서로 전환 가능 image.png 🤦‍♀️ 갑자기 너무 몰아쳤다. 정리할 수도 없다... 나머지는 내일 하는 걸로...

🔗 웹 게임을 만들며 배우는 React 1. React 조건문 -

🔗 웹 게임을 만들며 배우는 React > 💡 vscode에 리액트 플러그인을 이제 설치했다..^^ 매우 편리 (ES7 React/Redux/GraphQL/React-Native snippets) 1. 리액트 라이프사이클 소개 클래스의 경우 construct

🔗 웹 게임을 만들며 배우는 React 1. 로또 추첨기 컴포넌트 - 가장 하위의 자식 컴포넌트이고 state를 사용하지 않는 컴포넌트는 PureComponent나 함수 컴포넌트(+ memo)로 만드는 것이 좋음 Lotto.jsx...

🔗 웹 게임을 만들며 배우는 React 1. 틱택토와 useReducer 소개 리덕스를 쓸 필요가 없을 정도로 규모가 작은 앱에서는 useReducer와 컨텍스트 API로 대체 가능 > 비동기 처리를 위해 결국 리덕스를 써야 하긴 함 useReducer: stat

🔗 웹 게임을 만들며 배우는 React 1. Context API 소개와 지뢰찾기 리덕스는 동기적 / useReducer는 비동기적 Context API를 사용하면 dispatch를 부모를 모두 거쳐서 전달하지 않고 한번에 전달 가능 2. createContex