이모저모

react 공부를 하려니까 redux, react redux 뭐 이런것들이 나온다. 일단 react 자습은 끝났고, redux를 만져보기로 한다. 크롬에 redux 확장프로그램이 있다고 하니 그걸 이용해보자. 1. chrome 웹 스토어의 좌측 검색 필드에 'redux' 검색 > Redux DevTools 선택 또는.. 아래 링크로 이동 Redux DevTools Redux DevTools Redux DevTools for debugging application's state changes. chrome.google.com 2. [Chrome에 추가] 버튼 클릭 3. 팝업창에서 [확장 프로그램 추가] 버튼 클릭 ( 자동으로 설치됨 ) 추가되었다는 알림창이 뜨는데 캡쳐 뜨기 전에 사라졌다. ㅠㅠ -----..

1. 일단 React 자습서에 나온대로 저렇게 프로젝트까지는 만든다. 이미 만들어져 있다면 vscode에서 해당 프로젝트 폴더를 연다. -- 아래는 React 자습서 내용 -- 1) 최신 버전의 Node.js가 설치되어 있는지 확인해주세요. 2) Create React App 설치 지침을 따라 새로운 프로젝트를 생성해주세요. 2. 좌측 'Run and Debug' 아이콘 click >> 상단에 있는 셀렉트 박스에서 'Run Script: start' 선택 >> 녹색 화살표 클릭 3. 하단의 Terminal 창에서 complile 성공 로그 확인 가능 & 자동으로 브라우저에서 React App 화면이 열림 만약 자동으로 화면이 안열린다면 브라우저에서 log에 나오는 http://localhost:3000 ..