구부정한 머스타드의 블로그

다른 블로그들에선 i18next 도 설치해서 쓰던데, 공식문서보니 그럴 필요는 없는것 같다. 라고 생각했는데 해야한다. ㅎㅎ; simple-multi-namespaces에 있는 코드 한번 보세요 한영 변환 코드 const NavBar = () => { const { t, i18n } = useTranslation() const toggle = useCallback(() => { i18n.changeLanguage(locale) },[i18n]) return ( toggle('en')} title="영어" style={{ color: 'white', paddingRight: '10px' }}> en toggle('ko')} title="한글" style={{ color: 'white' }}> ko ) } ..

사용 버전 - react native 0.67.5 - xcode 14.3 - ios 16.4.1 문제 해결 xcode에서 이부분을 요렇게 바꿔주면 된다. set -e export NODE_BINARY=node ../node_modules/react-native/scripts/react-native-xcode.sh index.tsx 참고한 깃허브 https://github.com/facebook/react-native/issues/31421#issuecomment-958952811

$ npm install -D react-native-dotenv babel.config.js module.exports = { presets: ['module:metro-react-native-babel-preset'], plugins: [ ['module:react-native-dotenv', { moduleName: 'react-native-dotenv', path: '.env', }], ], }; 프로젝트 루트에 .env파일 만들어서 API_KEY=어쩌구 src를 쓰고 있다면 src/types/env.d.ts declare module 'react-native-dotenv' { export const API_KEY: string; } 사용방법 import {API_KEY} from 'react-n..

별의 별 토큰 다 발급받아본 결과 이 방법이 제일 깔끔하다. 일단 깃헙에 접속해서 토큰을 발급받는다. settings를 누르고, 맨 밑에 디벨로퍼 세팅이 있다. 핑크색을 따라 누르자. 화면이 달라도 그냥 새 토큰만 받으면 된다. 토큰을 발급받는다. 레포만 클릭함. 여기서 나온 토큰이 한줄짜리가 되는데, 그걸 복사해서 zsh터미널에 넣어줘야한다. 우선 토큰을 메모장에 기록해둔다. 이때 주의할점은 git config --global user.name 등등 이런거 아무것도 설정해놓지 말아야한다는 것..!!! 이거때문에 빙빙돌아서 고생했다. 설정했다면 git config unset,,, 이런 명령어로 없애준다. 클론받을 레포지토리의 https를 메모장에 복사해둔다. 그러고 나서 브라우저 깃헙에서 로그아웃한다. ..

개발 환경 mac air m2 구매 후 초기설정 하면서 기록해둠 :ㅇ 초기설정 Xcode 설치 (appstore 혹은 https://developer.apple.com/download/all/ 여기서 필요한 버전을 설치한다. appstore에서 설치하는게 아니면 다운방법 찾아보기!) Home-brew 설치 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 이후 뜨는 명령어 복사 및 붙여넣기 (두개 따로) (echo; echo 'eval "$(/opt/homebrew/bin/brew shellenv)"') >> /Users//.zprofile eval "$(/opt/homebrew/bi..

1. 능동적 읽기 내 프로젝트에 어떻게 적용할지 생각하면서 읽기 2. 자투리 시간에 읽어보기 3. npm outdated 많이 바뀌었으면 공식문서가서 보기 4. 패키지 비교하기 https://npmtrends.com/ 5. 깃헙에서 현재 트렌드 분석하기 https://github.com/trending/javascript?since=daily [참고] https://www.youtube.com/watch?v=j4krY2zA3Gs https://www.youtube.com/watch?v=tD5X8k4bofw

(밑에 안될때 있음) 1. 제어판에서 노드 삭제 2. 관리자 cmd에서 nvm 설치 https://github.com/coreybutler/nvm-windows/releases 에서 nvm-setup.exe 찾아서 설치 nvm -v (버전확인) nvm list available (nvm이 관리하는 node 버전 같음, LTS로 설치 권장 - 안정적) nvm install 버전이름 nvm use 버전이름 node -v (노드설치확인) nvm install 또 다른 버전 nvm use 또 다른 버전 node -v (노드설치확인) nvm list해서 nvm use 버전 (이렇게사용) 3. 안될때 사용자/[사용자이름]/Appdata/Roaming -> nvm 삭제, npm 도 삭제해야함. (nvm에서 설치된 n..

redux는 SinglePageApplication framework와 함께 사용 가능하다. redux는 복잡성, 많은 패키지와 보일러플레이트 코드로 인해 redux-toolkit으로 대체되고 있다. 공식 홈페이지에선, Redux Toolkit은 Redux 코어 뿐 아니라 저희가 Redux 앱을 만들 때 필수적이라고 느낀 패키지들을 포함 (Redux Thunk나 Reselect 등)한다고 한다. 실은, react를 배울때 멋진 팀원덕에 처음부터 redux-toolkit을 써서 redux의 불편함을 잘 알진 못한다. (이에 자세히 알고 싶다면 참고 링크를 보길 바랍니다.) 그래서 왜 redux-toolkit을 썼나요? 라는 질문에 대답을 못했다. 찾아보던중 middleware에 대한 개념을 잘 못잡고 있는..

git에 env파일 이미 올라갔을때 1. gitignore에 .env 추가 후 push 2. git rm .env --cached git add . git commit -m 'remove .env file' git push

web3.js 기본 설정 react-web3-provider metamask-react $ npm i metamask-react 이거하나 설치하면 젤 쉽고 간단하고 잘 돌아감 이유: 자바스크립트랑, 리액트랑 라이프 사이클이 다르기 때문에, 리액트에서 web3 provider를 생성하는건 쉽지 않다. 따라서 라이브러리를 쓰는것. 초기 삽질. (안봐도됨) web3사용 위해, 리액트앱 루트에 web3 react provider로 감싸줌, 루트 컴포넌트에 getlibrary를 props로 전달하는데 web3-react가 사용할 web3 provider를 제공하는 역할을 함. GitHub - Uniswap/web3-react at v6 $ npm i @ethersproject/providers $ npm i we..