Development/React
-
options has an unknown property 'exportOnlyLocals' 오류 해결(feat. 리액트를 다루는 기술 개정판)Development/React 2020. 5. 4. 14:42
p.555 ~ 556 서버 코드 작성 후 빌드를 수행하니 아래와 같은 에러가! 해결책으로 보이지만 그래도 구글링 한번 때려주니 아래와 같은 내용을 확인 https://github.com/webpack-contrib/css-loader/pull/957/files feat: `exportOnlyLocals` was remove in favor new `onlyLocals` option by evilebottnawi · Pull Request #957 · webpack-contrib/css- This PR contains a: bugfix new feature code refactor test update typo fix metadata update Motivation / Use-Case Reduce name..
-
Cannot read property 'slice' of undefined - paths.servedPath.slice 오류 해결(feat. 리액트를 다루는 기술 개정판 p.548, 552)Development/React 2020. 5. 4. 12:16
p.546~p.551까지 열심히 막일을 거쳐서 웹팩 서버 사이드 렌더링 설정 관련 소스를 작성하였는데 에러 발생 paths.servedPath에 대하여 slice 함수를 사용할 수 없는 것으로 보아 servedPath가 문제가 있다고 생각. 그리하여 paths.js를 확인해보니 servedPath는 어디갔는지 없다. 책 p.547을 보면 publicUrl과 servedPath가 있는데 20.05.04일 기준으로 CRA로 생성한 프로젝트엔 저 2가지가 없고 그 대체자로 보이는 publicUrlOrPath란 놈이 있다. 왠지 이 녀석일 것 같아서 아래와 같이 수정 후 다시 빌드. webpack.config.server.js 수정 build.server.js 빌드 결과 제대로 고친 것? 일단 고쳐보니 잘 되긴..
-
sass-loader 설정 커스터마이징 하기 에러수정(feat. 리액트를 다루는 기술 개정판 p.230~231)Development/React 2020. 4. 26. 16:06
CHAPTER 9. 컴포넌트 스타일링 - sass-loader 설정 커스터마이징 하기 책에 나와있는 데로 따라 하였는데 아래와 같이 에러를 뿜뿜한다. object를 보아하니 data가 아니라 prependData를 써야 할 것 같다. 적용해보고 실행! 어쨌든 includePaths도 없다는 말, 이럴 땐 오픈소스니까 깃허브를 찾아가자!( 는 개소리고 검색하다가 흘러들어 감 ) https://github.com/webpack-contrib/sass-loader webpack-contrib/sass-loader Compiles Sass to CSS. Contribute to webpack-contrib/sass-loader development by creating an account on GitHub. g..
-
클래스형 컴포넌트 vs 함수형 컴포넌트Development/React 2019. 12. 11. 10:47
먼저 생김새부터 보겠습니다. 1. 클래스형 컴포넌트 class MyClassApp extends Component { render() { const kinds = 'class app'; return {kinds}; } } 2. 함수형 컴포넌트 function MyFunctionApp() { const kinds = 'function app'; return {kinds}; } 일단 생김새부터 비교해보면 클래스형은 자바와 비슷하게 class 키워드와 extends 키워드를 사용하는 것을 볼 수 있고 함수형과 다르게 render 함수가 구현되어 있어야 합니다. 함수형은 jsx 형태로 return 한다는 것만 제외하고는 여타 함수와 비슷하지요. 기능적인 측면에서 비교해보면 클래스형 컴포넌트는 state 및 li..
-
[ECMA Script6] 1. 변수 선언 (const, let, 템플릿문자열)Development/React 2019. 11. 23. 23:58
ESC6 이전에는 변수를 선언하기 위해서는 var 키워드가 유일하였으나, ESC6 이후에는 더 나은 기능을 제공하는 몇가지 방법이 추가되었습니다. 1. const 상수를 의미하는 const는 값을 변경 할 수 없는 상수 입니다. ESC6 이전에는 아래와 같이 변수를 선언하여 사용하였습니다. 1 2 3 var bCheck = true bCheck = false console.log(bCheck) //false cs const 변수는 최초 생성 시 초기화된 이후, 값 재설정이 불가능합니다. 값을 재설정 하려고 하면 콘솔 오류가 발생합니다. 1 2 const bCheck = true bCheck = false // Error!! cs 2. let 자바스크립트 변수의 경우, 블록(중괄호 {})안에서 생성된 변수..