React

React

[React] 리액트 빌드 후 S3에 올렸을 때 페이지가 안 보일 경우

S3 내의 설정에서 에러 페이지를 index.html로 설정해 주기. 패키지들의 버전 충돌 나는 것 해결해 주기. (나의 경우) 새로 고침 시 에러가 날 경우 url 경로 확인해 주기. 예를 들어, http://aws/user/1로 유저를 조회할 때 페이지가 안 보였음. 그래서 path variable이 아닌 파람으로 http://aws/user?id=1로 라우팅 하였다. 또한 user/detail/1 이런 방식도 안 되었다. 그래서 userDetail?id=1 이런 식으로 고쳐주었다. CORS 문제 모두 풀어주었는데 안 되길래 게이트웨이에서 CORS 설정을 하였다.

React/MobX

[React] MobX로 상태 관리해 보기 (예제 코드)

MobX에 대하여 · MobX ko.mobx.js.org MobX란? 애플리케이션 상태에서 파생되는 모든 것은 자동으로 되어야 합니다. MobX는 functional reactive programming을 투명하게 적용함으로써 상태 관리를 쉽고 확장성 있게 만들어주는 검증된 라이브러리입니다. 즉, 상태 관리를 해주는 라이브러리다. 설치 명령어 Yarn: yarn add mobx NPM: npm install --save mobx 사용해 보기 일단 나의 경우 위와 같이 flux를 사용해서 실시간으로 데이터를 받아오면 사건 목록에 리스트를 추가해줘야 한다. 그래서 사건들을 상태 관리를 하여 추가되는 즉시 렌더링을 해줄 것이다. store 생성 가장 먼저 상태 관리를 해주기 위해 store를 만들 것이다. 참..

혁키
'React' 카테고리의 글 목록