commit.log

  • 홈
  • 태그

Web Framework & Library/React 1

[React+Android Studio] 모바일 앱으로 카메라 사용하기

※ React Native가 아닌 React.js로 모바일 앱을 구현하는 과정을 담았습니다.학교에서 리액트+안드로이드 스튜디오 웹뷰를 활용해 안드로이드 앱을 만들 일이 생겼다. 나는 여기서는 프론트엔드를 담당했다.이 글에서 다룰 요구사항을 간단히 적어보면 아래와 같다.(기능적) 카메라로 QR 코드를 스캔하여 해당하는 URL로 리다이렉트되게 해야 함(비기능적) 모바일 브라우저, 자체 모바일 애플리케이션에서 모두 실행 가능해야 함처음에는 이게 리액트 네이티브를 안 쓰고 가능한 걸까 싶었는데,react-webcam이 기본적으로 모바일 카메라도 지원을 해줬기 때문에 크롬 모바일 앱에서 정상적으로 실행이 되는 걸 확인할 수 있었고, jsqr이라는 라이브러리를 통해 카메라에 잡힌 QR 코드를 인식하게 하는 것이 가..

Web Framework & Library/React 2025.02.04
이전
1
다음
더보기
프로필사진

commit.log

대충 살자

  • 분류 전체보기 (17)
    • Programming Language (5)
      • Java (0)
      • Python (1)
      • C++ (4)
      • Javascript (0)
    • Web Framework & Library (8)
      • Spring Boot (1)
      • Next.js (6)
      • React (1)
      • FastAPI (0)
    • Operating System (0)
      • Linux: General (0)
      • Linux: Ubuntu (0)
    • Algorithm (0)
      • Theory (0)
      • Problem Solving [C++] (0)
      • Problem Solving [Python] (0)
    • DevOps (2)
      • Version Control: Git (2)
      • Container: Docker (0)
      • Cloud: AWS EC2 (0)
      • Cloud: AWS S3 (0)
    • Messaging (0)
      • Kafka (0)
      • RabbitMQ (0)
    • Lecture Notes (0)
      • Java by Kim Young-han (0)
      • Spring by Kim Young-han (0)
      • Spring Boot & JPA by Kim Yo.. (0)
    • Japanese (1)
      • JLPT (1)
    • License & Certificate (1)
      • 정보처리기사 (1)
    • Diary (0)
    • Travel (0)

Tag

pytorch, NextAuth, sendmail, git, QR코드, Android_Studio, JLPT, spring_boot, java, 파이토치, Python, 정보처리기사, 일본어, react, 파이썬, gradle, Next.js,

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바