[dev] React 에러 메모
React
를 다뤄 본 적이 있으나... 그 당시엔 그냥 거기에 있으니까 했지 그게 React 인지 뭔지 알고 한 게 아니었다 ㅋㅋ (ㅠㅠ) 그래서 여유 시간을 이용해 현업 종사자의 요약 설명을 잠시 들었다.
페이스북의 소프트웨어 엔지니어 Jordan Walke가 개발한 React (React.js 또는 ReactJS)는 자바스크립트 라이브러리의 하나이다. 사용자 인터페이스를 만들기 위해 사용된다. 페이스북과 개별 개발자 및 기업들 공동체에 의해 유지보수된다.
리액트는 싱글 페이지나 모바일 애플리케이션의 개발 시 토대로 사용될 수 있다. 복잡한 리액트 애플리케이션들은 상태 관리, 라우팅, API와의 통신을 위한 추가 라이브러리의 사용이 일반적으로 요구된다. (Wikipedia)
당초 UI 를 용이하게 만들기 위한 React 는, 즉, MVC 모델에서 V 에 집중하며 시작되었다
...
React로 SPA(Single Page Application) 개발시 웹 라우팅(url에 따라 다른 뷰를 보여주기)을 위해서는 React router 네비게이션 라이브러리를 사용하면 좋다. React 앱을 생성한 후 React router 를 설치해 주는데... (c.f. quick start )
사실 이 대목에서 만난 아주 작은 문제를 남겨 두려고 이 포스팅을 한다 ㅎㅎ
라우터를 설치하고
npm install react-router-dom
앱을 실행하려니,
npm start
react-scripts 커맨드가 실종되었다(command not found) 는 에러 메세지를 받았다. (라우터 설치 전엔 문제 없었던 부분)
이럴 때 해결책은 아주 간단하더라!
npm install
ㅎㅎㅎㅎㅎ
(단, yarn 을 통해 초기화된 앱의 경우 이 방법으론 해결되지 않을 것이다.)