Puppy's paw

tsconfig.json에

추가

<input autofocus type='text' />

하니 에러가 발생한다.

autoFocus로 대소문자 구분을 한다.

다른 방법으로는

ref={input=>input.focus()}

관련링크

https://stackoverflow.com/questions/28889826/react-set-focus-on-input-after-render

http://www.jackcallister.com/2014/11/25/autofocus-in-react-js.html

show variables like 'general%'

하면

로그설정과 로그 파일 저장소가 보인다.

set global general_log=on

해서 로그를 킨다.

os shell에서

tail -f [로그파일 경로]

입력받는 로그를 확인한다.

보관용

https://github.com/helloheesu/SecretlyGreatly/wiki/%EB%A7%A5%EC%97%90%EC%84%9C-mysql-%EC%84%A4%EC%B9%98-%ED%9B%84-%ED%99%98%EA%B2%BD%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

webpack4에서 uglifyjsPlugin이 따로 빠져나가서 쓰는 방법이 바꼈다

config 모듈에

optimization 프로퍼티를 설정하면 된다.

const UglifyJsPlugin = require('uglifyjs-webpack-plugin');

module.exports = {
  optimization: {
    minimizer: [
      // we specify a custom UglifyJsPlugin here to get source maps in production
      new UglifyJsPlugin({
        cache: true,
        parallel: true,
        uglifyOptions: {
          compress: false,
          ecma: 6,
          mangle: true
        },
        sourceMap: true
      })
    ]
  }
};

nodeJs 구조 관련 링크

https://blog.risingstack.com/node-hero-node-js-project-structure-tutorial/

<Route render>

render React Element

<Route component>

render React Component

<Route children>

패스 매칭에 상관없이 무조건 표현

render는 인라인 렌더링이 가능하다는데 tslint에는 인라인 렌더링 하지 말라고 나온다.

그냥 npm이나 yarn으로 모듈 추가했는데

typescript가 모듈을 못읽어 온다.

분명히 yarn add react-router-dom을 했는데!!!

typescript프로젝트에서는 @types에 모듈이 있어야 한다.

yarn add @types/react-router-dom

차분히 하나씩 해야 했는데 create-react-app으로 ts프로젝트 바로 만들어서 건너뛴게 화근!!

shift+cmd+p 로 명령 팔레트를 열고

shell commad를 입력하면 install code path 라는 항목이 뜬다.

골라서 설치하면 원하는 디렉터리에서 vs code를 열 수 있다.

.code