분류 전체보기35

• pnpm을 이용한 monorepo 방식의 nestjs, next.js app 구축 pnpm pnpm 사용 이유 : nestjs와 next.js를 사용해 웹사이트를 개발, 같은 타입스크립트 생태게에서 pnpm을 통해 함께 작동하도록 모노레포 형식으로 구현 모노레포에 대해 학습하고자 이 방식을 썼다 It keeps the frontend(s) and backend project separate, but seamlessly working together in the monorepo https://www.tomray.dev/nestjs-nextjs-trpc Ultimate Guide: NextJS, NestJS & TRPC Monorepo [Updated 2023] Discover how to create a fully type-safe pnpm monorepo using NestJS, Ne.. Project/practice 2024. 2. 16.

• Exploring EcmaScript Decorators An ES2016 decorator is an expression which returns a function and can take a target, name and property descriptor as arguments. You apply it by prefixing the decorator with an @ character and placing this at the very top of what you are trying to decorate. Decorators can be defined for either a class, a method or a property. Param decorators Nest provides a set of useful param decorators that yo.. Web/NestJS 2024. 2. 15.

• Controllers Controllers Controllers are responsible for handling incoming requests and returning responses to the client. A controller's purpose is to receive specific requests for the application. The routing mechanism controls which controller receives which requests. Frequently, each controller has more than one route, and different routes can perform different actions. In order to create a basic control.. Web/NestJS 2024. 2. 15.

• [React] input 태그의 value값 쉽게 바꾸기 const [userData, setUserData] = useState({ name : "", email : "" }) const changeHandler = (e) => { const { name, value } = e.target setUserData({ ...userData, [name] : value }) } {changeHandler(e)}} /> input 컴포넌트를 따로 만들어 관리할 때도 편하다 Web/React 2024. 1. 12.

• [react-query] useMutation의 실행 순서? const [tempState, setTempState] = useState(1); const tempMutation = useMutation(data => console.log(tempState)) // 결과는 바뀐 state값이 적용됨 { setTempState(prev => { return prev + 1; }); tempMutation.mutate(); }}> test tempMutation의 파라미터로 직접 넘기면 당연히 상태 변화가 일어나지 않는다. 공부할게 많다.. Web/React 2024. 1. 9.

• [javascript] reduce로 배열을 문자열로 변환하기 배열 속에 있는 데이터를 가지고 문자열로 변환 시키는 방법 map을 통해서 반복시켜도 되지만 reduce로도 가능하다. reduce 사용 const originalList = [{name : "Hello, "}, {name : "World!"}] const resString = originalList.reduce((acc, cur) => { return acc + cur.name }, "") 문자열 이외에도 배열, 객체 등등 다양하게 변환시킬 수 있다. javascript/javascript 2024. 1. 5.

• [React Native] webview 사용시 파일 다운로드 - ios react native에서 웹뷰를 사용해 개발할 때 파일을 다운로드 할때가 있다. 클라이언트 단에서는 백엔드가 보내준 다운로드 url을 a 링크를 통해 열면 되는데 안드로이드에서라면 문제 없이 작동하는게 ios에서는 작동이 안될 때가 있다. 웹에서 안될때는 거의 대부분의 문제가 서버쪽 CORS겠지만.. ios webview 파일 다운로드 ios에서 파일을 다운로드 받을 때는 react-native-fs 라이브러리를 사용해야 한다. https://www.npmjs.com/package/react-native-fs react-native-fs Native filesystem access for react-native. Latest version: 2.20.0, last published: 2 years ag.. APP/React Native 2024. 1. 4.

• [React Naitve] react-native-qrcode-scanner 사용시 주의사항 https://www.npmjs.com/package/react-native-qrcode-scanner react-native-qrcode-scanner A QR code scanner for React Native.. Latest version: 1.5.5, last published: 2 years ago. Start using react-native-qrcode-scanner in your project by running `npm i react-native-qrcode-scanner`. There are 27 other projects in the npm registry using react-nat www.npmjs.com react native에서 qr 코드 스캐너를 구현하기 위해 react-n.. APP/React Native 2024. 1. 2.

• [React Native, android] react-native-send-intent 라이브러리 설치 주의사항 웹뷰 개발시 pass인증이나 결제 모듈을 사용하여 외부 앱을 열어야 하는 경우가 있다. 그럴때 react-native-send-intent 라이브러리를 사용하는데 공식 깃허브를 참조해 설치해도 android에서 빌드 오류가 날 때가 있다. https://www.npmjs.com/package/react-native-send-intent react-native-send-intent React Native Android module to use Android's Intent actions for send sms, text to shareable apps, open custom apps, make phone calls and etc. Latest version: 1.3.0, last published: 2 y.. APP/React Native 2023. 12. 29.

• [React Native, android] proguard 설정시 webview 안보이는 문제 해결 플레이스토어에 rn으로 패키징한 앱을 배포하기 위해 aab 파일을 올렸는데 심사에서 거부당했다. 원인은 비정상적인 앱의 중지 (화면이 나오지 않는다거나, 앱이 설치되지 않는다거나, 앱이 실행 중 강제 중지 되는 경우.. 등등) apk로 추출했을 때는 문제가 발생하지 않았기 때문에 aab로 추출시 생기는 문제라고 판단했다. 출시를 해야만 하는 상황이었기 때문에 심사 거부를 당하고 굉장히 당황했지만 일단 aab를 어떻게 해서든 까봐야 한다고 생각했다. 그래서 aab 핸드폰에 우선 설치해서 정말 문제가 있는건지 판단하려고 했다. aab 파일을 기기에 설치하기 https://030822-verbena.tistory.com/entry/android-aab-%ED%8C%8C%EC%9D%BC%EC%9D%84-apk%.. APP/React Native 2023. 12. 29.

• [React Native, android] aab 파일을 apk로 변환하기 aab 파일은 apk와 달리 바로 기기에 깔리지 않는다. https://github.com/google/bundletool/releases Releases · google/bundletool Bundletool is a command-line tool to manipulate Android App Bundles - google/bundletool github.com 여기서 bundletool를 설치한다. 터미널로 해당 bundletool이 설치된 곳으로 이동한 후 java -jar "bundletool-all-[설치한 bundletool 버전 작성].jar" build-apks -—bundle="[aab 파일이 있는 경로/aab파일 이름.aab]" -—output="universal.apks" -—mod.. APP/React Native 2023. 12. 29.