마구잡이 개발

(1) babel plugin 설치 > npm i babel-plugin-transform-remove-console --save-dev (2) .babelrc 생성 ( root directory ) { "env": { "production": { "plugins": ["transform-remove-console"] } } } product version 빌드 시 자동으로 console.* 지운다. 참고 : https://reactnative.dev/docs/performance#using-consolelog-statements

- setState 는 비동기 실행. - 아래와 같이 validate 함수는 정확하게 동작하지 않을 수 있다. ( name 이 변경되기도 전에 validate 가 실행 ) { setState({name:"Jay"}); this.validate(name); } - 아래와 같이 callback 함수를 정의하면 name 이 변경 된 후 validate 를 실행할 수 있다. { setState({name:"Jay"}, ()=>{ this.validate(name); }); }

npx create-react-app [프로젝트 명] --typescript npx 명령을 사용하면 항상 최신 버전의 react 도구를 쓸 수 있다. ( 'npm install -g {name}' 으로 설치하지 않도록 한다. )

npx react-native-clean-project clean-project-auto

시작하기 전 설치할 것 들 - node, watchman,cocoapods, java brew install node brew install watchman sudo gem install cocoapods brew tap AdoptOpenJDK/openjdk brew cask install adoptopenjdk8 - Xcode 설치 프로젝트 생성 npx react-native init AwesomeProject 실행 npx react-native run-ios

1. 크롬 확장 프로그램 설치 - https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd Redux DevTools Redux DevTools for debugging application's state changes. chrome.google.com 2. 기본적인 사용 ( redux-devtools 설치할 필요 없음. ) const store = createStore( reducer, /* preloadedState, */ + window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ); 3. redux-devtools..

const inputRef = React.useRef(null); inputRef.current?.focus(); return useRef 를 사용하여 직접 접급할 수 있다. https://ko.reactjs.org/docs/hooks-reference.html#useref Hooks API Reference – React A JavaScript library for building user interfaces ko.reactjs.org https://ko.reactjs.org/docs/refs-and-the-dom.html#when-to-use-refs Ref와 DOM – React A JavaScript library for building user interfaces ko.reactjs.org sa..

const comp = ; return ( )