| react-native-dotenv 란 babel 플러그인을 사용하며 여러 환경에 대해 dotenv를 사용하여 환경 변수를 자바스크립트 환경에 주입할 수 있다. 리액트 네이티브와 함께 사용하기에 가장 적합하며 웹을 포함한 모든 버전에서 작동하는 npm 모듈이다. https://github.com/goatandsheep/react-native-dotenv GitHub - goatandsheep/react-native-dotenv: Load react native environment variables using import statements for multiple env file Load react native environment variables using import statements for ..

React 에서는 의견을 공유하는 https://github.com/reactjs/rfcs 라는 github repo 가 있다. 여기서 React 팀이 React core에 추가하려는 새로운 기능에 대해 토론하고 아이디어를 공유한다. 현재 use 라는 새로운 hook 에 많은 기대를 가지고 있다. https://github.com/reactjs/rfcs/pull/229 이곳에서 개발자들이 직접 사용해보며 발생하는 이슈에 대해 토론을 나누고 있다. 저 토론 글의 제목은 "Promise와 async / await에 대한 최고의 지원" 이라고 한다. 아직까지는 canary 와 experimental 모드에서만 사용이 가능하다. 언제 쯤 머지가 될지는 모르겠지만 미리 익혀두면 좋을 것 같아서 정리 해 보려 한다..

| 만든 이유 항상 프로젝트를 진행하다보면 초기에 세팅하고 여러가지 npm 모듈을 받는데에 많은 시간을 쏟는다. 모듈을 미리 받아놓고 자주 사용하는 것들을 컴포넌트로 빼놓으면 어떠한 프로젝트를 진행할 때 git에서 클론을 받아서 사용하면 초기 설정의 시간을 줄일 수 있다고 생각했다. Button이나 Input은 매번 디자인에 따라 달라지기 때문에 따로 만들어 놓지는 않았지만 앞으로 더 좋은 방안을 찾아가며 업데이트를 해야될거같다 또한 타입스크립트도 추가 할 생각이다. | 프로젝트 구조 |____recoil | |____control.js | |____test.js |____asset | |____asset.js | |____icon | | |____logo.png |____components | |___..

🔥 node-module patch 💡 node-module을 직접적으로 수정할 시 로컬에서는 괜찮지만 yarn을 업데이트 하면 수정한 파일은 모두 날라가고만다. 그리고 다른 팀원이 내 프로젝트를 clone이나 pull을 받으면 npm install 그리고 yarn을 해줘야하는데 내가 수정한 사항들은 다른 팀원에게 반영되지 않는다. 즉 컨트롤 + s를 누르지않고 파일을 닫는 행위와 같은것이다. 여러 오픈소스를 내가 직접 개조하고 변경하고 싶을때가 있을것이다. 그럴때는 node-module안의 코드를 수정하고 patch 를 사용하여 module을 관리하자 💥 사용방법 1. Install npm i patch-package yarn add -D patch-package postinstall-postinsta..

공식문서 => https://ko.reactjs.org/docs/hooks-reference.html#usestate Hooks API Reference – React A JavaScript library for building user interfaces ko.reactjs.org state 란? 계속해서 변화하는 특정 상태를 의미한다. 상태에 따라 각각 다른 동작을 한다고 말한다. 컴포넌트에서 동적인 값을 상태(state)라고 부른다. React 에서는 useState라는 메서드를 지원한다. 배열을 반환하며 비구조화 할당을 통해서 받아온다. const [state, setState] = useState(initialState); 0번째 index는 state의 값으로 사용되고 1번째 index는 0번..