- 전체보기(28)
- react native(5)
- graphql(4)
- update(4)
- Expo(4)
- eas(3)
- NestJS(3)
- web(3)
- React(3)
- android(3)
- push(2)
- axios(2)
- useEffect(2)
- edit(2)
- production(2)
- isLoggedInVar(2)
- cargo4u_web(2)
- init(2)
- page(1)
- edit 기능(1)
- promise(1)
- invliadHook(1)
- enter(1)
- alias(1)
- apollo(1)
- S3(1)
- react router dom(1)
- image(1)
- onKeyup(1)
- Integration(1)
- data 불러오기(1)
- path(1)
- nest js(1)
- useReactVar(1)
- react hook form(1)
- input(1)
- many to one(1)
- navigate(1)
- one(1)
- playstore(1)
- restart(1)
- one to many(1)
- await(1)
- useState(1)
- Stripe(1)
- async(1)
- onKeydown(1)
- typeOrm(1)
- Backend(1)
- styled-comonents(1)
- CREATE(1)
- payment(1)
- expo-constants(1)
- many(1)
- iOS(1)
- postgres(1)
- constants(1)
- Buffer(1)
- makeVar(1)
- hang(1)
- styled components(1)
- apk(1)
- useMe(1)
- tailwindCSS(1)
- upload(1)
- localstorage(1)
- onsubmit(1)
- onKeyPress(1)
- basic(1)
- data(1)
- notification(1)
- aws(1)
- 초기값(1)
- phone(1)
- onClick(1)
- nest(1)
- warehouse(1)
- to(1)
- Database(1)
- debug(1)
- setup(1)
- Map(1)
- Apple(1)
- || 초기화(1)
- Token(1)
- play(1)
- SDK(1)
- modal(1)
- save(1)
- react-web(1)
- google(1)
- git(1)
- typescript(1)
- animation(1)
- cargo4u(1)
- 언어(1)
- users(1)
- useTranslation(1)
- usequery(1)
- 14.1(1)
- cors(1)
Many-to-one/One-To-Many 종합[nest.js]
user 한명이 여러개의 order를 시킨다. => One To Many등록된 많은 order들은 한명의 user를 가진다. => Many To OneUser.entity | Order.entityOnetoMany | ManyToOneorders
eas-update react-native update
eas.json 의 build.production -> channel 이 중요함expo.dev 의 branch가 production-production 이 맞아야 함. CMD 명령어 사용은 eas build --profile preview --platform andro
expo 48 SDK - 14.1 IOS
expo로 eas build 후 update할 경우 sdk 버전때문에 에러가 날수 있다. 아래 처럼 사용npm i -g eas-cliyarn add expo@48.0.0npx expo doctornpx expo doctor --fix-dependencies\-> IOS
Expo - Google Login - 개발 모드
Google Login을 사용할 경우 3가지의 Client Id가 필요하다.위 Client Id는 Console Google Cloud 에서 받으면 된다. https://console.cloud.google.com/apis/credentials?project=
EXPO-push-notification -android -production 배포시 설정
expo 개발모드에서는 push-notification이 기본적으로 잘되지만 배포를 한 이후에는 token을 받을수가 없다. 이유는 Firebase Cloud Messaging을 사용해야만 가능하기 때문이다. 따로 설정이 꼭 필요하다. IOS는 따로 설정필요없이 배포모
stripe test->live mode 전환시
heroku (BACKEND)에 입력할 사항publishableKey (test api -> live api)secretkey (test api -> live api)React-native (FRONT)에서 입력할 사항export const PublishableKey=
react-native animation
0 -> 100 을 만드는 건데1\. AnimatedBox를 만들고2\. AnimatedBox에 움직이는 설정을 style={{transform: {translateY: Y}}} 로3\. 그 Y의 기초값 0은 const Y = new Animated.Value(0)
react-native init setup
default 설정 후 인스톨타입스크립트로 하실 분들은npx create-react-native-app -t with-typescript이후에 안내에 따라 폴더명(어플이름) 설정 해주시면 됩니다!styled-components설치 ---------------------
Stripe Integration Payment
stripe.com 대쉬보드 관리 및 App을 연결할 수 있는 Scret / Publishable Token 필요Nest.Js - backend - React-native(expo) - Frontend -stripe는 웹사이트에서 설정따라하면 됨.Nest.Js 에서 y
async await map promise all from axios
axios 에서 가져오는 데이터axios를 반복으로 2번이상 돌려야 함axios/async를 써야 함기본문cargo4u에 적용함
android apk production debug installation on MAC
android "version code" updated 14->15 / app.jsoneas.json 에서 apk 파일을 다운 받을 수 있도록 설정build 된 파일 다운로드command 에서 adb 실행, 없으면https://developer.android.
useTranslation, 언어 설정
locale 설정선언하기트리거사용하기index.ts / en.json / kr.jsonen.jsonkr.json기본 디폴트 언어 설정 useTranslation
사진 업로드 react - graphql - aws s3 [WEB]
웹페이지 -> react - graphql - nestjs - postgres - AWS S3이미지 업로드 버튼을 클릭함결과: setCompanyLogo(result) 에 base64 파일 들어감로도 바로 읽혀진다.업로드 되어 s3에서 base64를 buffer로 전환
백엔드에서 edit 기능[ typeorm - nestjs]
백엔드에서 부분 수정하는 방법입니다. user instance를 받아와서 수정되는 항목을 업데이트하는 방법입니다.
useQuery-refetch 페이지로 올때 초기화
위처럼 query 가 있을 경우첫 페이지를 띄울때는 문제가 없으나, 이후에 update할 경우에 그 정보가 바로 update 되는 경우가 있고 안된는 경우가 있다.보통 data를 받게 되면 props로 넘기는 경우가 많은데 아래 처럼 해야만 update시 깔끔히 정보가
초기 데이터 받아와서 뿌려주기 (edit)
useQuery를 이용하여 data를 graphql에서 받아옴data를 필터링하여 containers 변수에 넣음containers에 data가 들어오면 update를 실행하여 react-hook-form에 값을 자동입력containerId 에 들어온 값이 변경됨을 확
삭제시 모달창 팝업 나오게 하기 (tailwindcss) - web
오픈/클로징 useState 만들기버튼 만들기Modal popup창 만들기전체 코드ModalBasic.jsx (참고용)Transition.jsx
onSubmit, input 엔터 누를경우 submit으로 넘어감
폼 안에서 input이 있는 경우저장을 눌러야 submit으로 넘어가야 하는데 계속 엔터만 쳐도 submit으로 넘감위 처럼 e.preventDefault()를 입력하면 넘어가지 않음.요점은 1\. onClick 일 경우 : enter를 치거나, 버튼을 클릭할 때, s
useMe 와 useEffect와 useState
componentDidMount 와의 관계useState 초기값을 useMe 라는 훅으로 전달할 때 위처럼 사용하는 것이 가장 깔끔하였습니다.