차근차근 생활 & 코딩

안녕하세요. 이번시간에는 Nginx Proxy Manager 접속하는 방법에 대해 알아보도록 하겠습니다. Step 1. 도커 이미지 설치하기 ① Docker 아이콘 선택 ② 레지스트리 선택 ③ nginx-proxy-manager 검색 ④ jc21/nginx-proxy-manager 더블클릭 ⑤ 선택버튼을 눌러 설치하도록 합니다. Step 2. 설치 환경 셋업하기 설치가 완료되면 이미지를 선택하도록 합니다. ① 컨테이너 이름을 정합니다. ② 높은 권한을 사용하여 컨테이너 실행을 선택하여 체크합니다. ③ 자동 재시작 활성화를 선택하여 체크합니다. ④ 설정이 완료되면 다음으로 넘어가도록 합니다. ⑤ 본인이 원하는 로컬 포트를 입력하도록 합니다. - Port 443 = https - Port 80 = http ..

error: The following untracked working tree files would be overwritten by merge: 해결방법 git clean -d -f -f

안드로이드를 실행하다 보면 아래와 같은 에러가 발생하게 되는 걸 확인 할 수 있습니다. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: spawn ./gradlew EACCES at ChildProcess._handle.onexit (node:internal/child_process:283:19) at onErrorNT (node:internal/child_process:476:16) at process.processTicksAndRejections (node:internal/proce..

안녕하세요. ReactNative IOS 개발 중 http로 접속되면 안전하지 않은 사이트로 인식하여 axios에 에러가 발생됩니다. 그럼 axios에 http에 접속 할 수 있도록 하는 방법에 대해 알아보도록 하겠습니다. 1. http 전체 허용하기 - http로 통신되는 것들 전체를 허용하기 위해 Info.plist 파일 안에 아래 코드를 삽입하도록 합니다. NSAppTransportSecurity NSAllowsArbitraryLoads 2. http 일부 도메인 허용하기 - 입력돈 도메인을 허용하기 위해 Info.plist 파일 안에 아래 코드를 삽입하도록 합니다. NSAppTransportSecurity NSExceptionDomains www.ssilook.com NSTemporaryExcep..

안녕하세요. 이번시간에는 리액트네이티브 안드로이드 바코드 스캔에 대해 알아보도록 하겠습니다. Step 1. React Native 설치하기 - npx react-native init barcodeTestCodes #React Native Version "dependencies": { "react": "18.1.0", "react-native": "0.70.3" } Step 2. 패키지 설치하기 - 아래 명령어를 통해 패키지를 설치 하도록 합니다. yarn add react-native-camera-kit Step 3. 오류명 확인하기 - 아래와 같이 오류가 날수 있기 때문에 오류명이 글쓴이와 동일 한지 확인해 주도록 합니다. #오류명 react-native-camera-kit\android\build.g..

안녕하세요. 이번시간에는 안드로이드에서 가로 회전 막는 방법에 대해서 알려드리도록 하겠습니다. Step 1. 설정값 추가하기 - android/app/src/main/AndroidManifest.xml 경로에 이동 후 아래 코드를 작성하여 추가해 주도록 합니다. android:screenOrientation=“portrait” 수고하셨습니다.

안녕하세요. 이번시간에는 IOS 바코드를 읽고 화면에 표시하는 것에 대해 알아보도록 하겠습니다. 어렵지는 않으니 IOS 사용해 보신 분들께서는 금방 하시리라 생각 됩니다. Step 1. 설치하기 - 아래 명령어를 통해 패키지를 설치 해주도록 합니다. npm install react-native-camera-kit --save - 설치가 완료 되었으면 pod 패키지를 설치 해주도록 하겠습니다. cd ios && pod install && cd .. Step 2. 카메라 권한 설정하기 - 루트 경로에서 ios/project_name/Info.plist 아래 코드를 삽입해 주도록 하겠습니다. NSCameraUsageDescription For taking photos NSPhotoLibraryUsageDesc..

안녕하세요. 이번시간에는 맥 터미널에서 Visual Studio Code 에 대해서 알려드리도록 하겠습니다. Step. 1 설치하기 - 아래 사이트를 접속하여 프로그램을 설치 하도록 합니다. https://code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows..