gilbutitbook / 080203

리액트를 다루는 기술 개정판

리액트를 다루는 기술 개정판 소스코드

리액트를 다루는 기술 개정판 소스 코드입니다.

---

예제 파일 내려받기

책에서 사용하는 예제 코드는 길벗출판사 웹 사이트에서 도서명으로 검색하여 내려받거나 다음 GitHub 저장소에서 내려받을 수 있습니다.
• 길벗출판사 웹 사이트: http://www.gilbut.co.kr/
• 길벗출판사 GitHub: https://github.com/gilbutITbook/080203
• 저자 GitHub: https://github.com/velopert/learning-react

---

공지 사항 확인하기

리액트 라이브러리와 관련 도구의 버전이 업그레이드됨에 따라 책에 있는 예시가 작동하지 않게 될 가능성이 있습니다. 그럴 때는 다음 공지 사항 링크를 통해 필요한 변경 사항을 공지합니다.
• 공지 사항: https://github.com/velopert/learning-react/blob/master/update.md

---

문의 및 오탈자

책을 읽다가 궁금한 사항이 생기거나 오탈자를 발견했다면 저자 GitHub 이슈란이나 길벗출판사 웹 사이트에 문의를 남겨 주세요.
• 저자 GitHub 이슈란: https://github.com/velopert/learning-react/issues
• 길벗출판사 독자 문의: 웹 사이트(http://www.gilbut.co.kr/) 접속 > 고객센터 > 1:1 문의 선택(로그인 필요)

080203's Issues

리엑트 최적화 react-virtualized 적용방법이 궁금합니다.

현재 적용중인 리엑트는 8.19.2 버전입니다.
305p의 react-virtualized 사용하라고 되어있는데 버전에러가 있어서 문제가있습니다.
다른 해결방안으로 npm i --force react-virtualized
npm install react-virtualized --legacy-peer-deps 등등 방법으로 했지만 해결을 하지못했습니다.
도와주세요.

삭제부탁드립니다.

env 파일 MONGO_URI connect ECONNREFUSED 이슈 env 파일 MONGO_URI connect ECONNREFUSED 이슈

ch 22 책 내용에 있는 env파일의 내용대로 진행 했습니다.

MONGO_URI=mongodb://localhost:27017/blog
여기서 [MongoDB]MongooseServerSelectionError: connect ECONNREFUSED ::1:27017 오류가 발생합니다.
ip6로 변환 하려고 시도하는것 같습니다.
하기 내용과 같이 ip4로 직접 설정 해줘야 할것 같습니다.

MONGO_URI=mongodb://127.0.0.1:27017/blog
로 바꿔주면 문제 없습니다.

9.2장 yarn eject이후 sass 설정과정

          use: getStyleLoaders({
            importLoaders: 2,
            sourceMap: isEnvProduction && shouldUseSourceMap
          }).concat({
            loader: require.resolve('sass-loader'),
            options: {
                includePaths: [paths.appSrc + '/styles'],
                sourceMap: isEnvProduction && shouldUseSourceMap
            }
          }),

---

기존코드에서는 에러가 발생합니다.

          use: getStyleLoaders({
            importLoaders: 2,
            sourceMap: isEnvProduction && shouldUseSourceMap
          }).concat({
            loader: require.resolve('sass-loader'),
            options: {
              sassOptions: {
                includePaths: [paths.appSrc + '/styles'],
                sourceMap: isEnvProduction && shouldUseSourceMap
              }
            }
          }),

이렇게 options안에 sassOptions 안에 설정 이후 정상작동합니다.

-참조 : webpack-contrib/sass-loader#756