webpack-dev-server 오류시

(사진) 미래에서 왔습니다.. 웹팩에서 헤매고 계실 불쌍한 우리 미래 개발자분들(나포함) 제가 정확하게 맞게 했다고는 장담 못하지만 저는 이렇게 해결했습니다

faker.js 자체에 무슨 문제가 있는 걸까요?

우선 제로초님 깃허브 package.json참고해서 4.1.0 버전으로 설치하니까 잘 됩니다! 제 꺼에 깔려있던게 6.6.6버전인데 거기서 무슨 문제가 있는 것 같아요!

faker.js 자체에 무슨 문제가 있는 걸까요?

(사진) 이게 머선 129...

카드가 반응형 스타일이 좀 이상하게 됩니다.

(사진)g혹시 해결하셨나요? 이게 맞는 방법인지는 모르겠는데, 포인트마다 전부 값을 주어서야 의도한대로 동작이 되더라구요. 제로초님께서 전체가 24라고 대댓글 남겨주셨는데,List 의 grid 속성값으로는 포인트마다 몇개를 배열할거냐는 것 같았어요 제가 맞게 한건지는 잘 모르겠네요혹시 이미 해결하셨다면, 혹은 뒤에 분들이라도 제가 남긴게 틀렸다면 답글 바랍니다ㅠ

import Reducer from './_reducers'; 에서 Reducer가 뭔가요?

제가 설명을 드려도 괜찮을까요 현재 _reducers/index.js 에서는 rootReducer 를 export default 로 기본 내보내기 하고있기 때문에 다른 파일에서 가져올 때는 꼭 rootReducer 라는 이름이 아니라 다른 이름으로 바꿔서 가져올 수 있어요 만약에 export rootReducer 로 'default' 키워드가 없이 내보냈다면 가져올 때는 import { rootReducer } from './_reducers' 처럼 중괄호로 감싸서 export 할 때의 이름을 그대로 가져와야 합니다. 그래서 _reducers/index.js 에서는 combineReducer() 로 합한 리듀서를 rootReducer 라고 이름지었지만, src/index.js 로 가져올 때는 Reducer 라는 이름으로 가져왔다고 볼 수 있을 것 같아요 :) export default 했기 때문에 질문자님께서 다른 이름으로 바꿔도 잘 돌아갈 겁니다. ( 참고로 하나의 파일에서 내보내기를 할때 export default 는 한번만 쓸 수 있고, export 로 정해진 이름으로 내보낼 때는 횟수 제한 없이 내보낼 수 있습니다! )