본문 바로가기
반응형

전체 글338

[RN] 리액트 네이티브 카메라, 마이크 권한 얻기 1. 서론 웹뷰로 카메라 쓸 일이 생겼었다. 헌데 아이폰에서 리액트 네이티브 웹뷰를 올리니깐 카메라 권한 물어보는 리퀘스트가 뜨지를 않는다. 찾아보니 리액트네이티브에서는 자체적으로 권한요청을 제공하지 않고 react-native-permission이라는 라이브러리를 사용해야한다. 깃허브 주소는 아래를 참고 https://github.com/zoontek/react-native-permissions GitHub - zoontek/react-native-permissions: An unified permissions API for React Native on iOS and Android An unified permissions API for React Native on iOS and Android - Git.. 2022. 11. 15.
[AWS] React EC2 인스턴스에 백그라운드로 배포하기 react를 백그라운드로 ec2인스턴스에 배포하는데 nohup으로 하고 나왔더니 자꾸 죽는다... fastapi 서버는 nohup으로 해도 멀쩡시 살아있는데 말이다. 찾아본 해결책은 다음과 같다 1. pm2 이용하기 npm install -g pm2 pm2 start index.js 2. forever 이용하기 npm install -g forever forever start index.js 이상하게 둘다 적용하면 접속이 안된다.. 뭐지 포트번호 틀렸나. 그러다 찾은 해결법... 3. sudo nohup 이용하기 sudo를 붙여주니깐 죽지 않는다... 혹시나 자꾸 리액트 죽으시는 분들은 sudo를 붙여보세용.. sudo nohup npm start & 2022. 11. 15.
초 간단 Redux 사용법 https://redux.js.org/tutorials/quick-start Quick Start | Redux - How to set up and use Redux Toolkit with React-Redux redux.js.org Redux란? state를 관리해주는 라이브러리 왜씁니까? state를 선언했는데 이를 어디 저 밑에 있는 자식컴포넌트한테 줘서 쓸일이 있다고 칩시다. 그럼 죄다 props 뚫어줘서 state랑 setState함수 넘겨줘야 되는데 끔찍함. 그래서 state를 전역으로 관리하는게 필요할 때 씀 1. 설치 npm install @reduxjs/toolkit react-redux 2. 개념 알아둬야할 개념 세가지가 있음 Store : 말그대로 상태를 저장하는곳 Provider :.. 2022. 11. 8.
[AWS] API Gateway를 활용하여 HTTPS 적용하기 지난번에 Route53 도메인구입 + ACM + 로드밸런서 조합으로 https 적용하여 서버 배포를 하였습니다. 관련 후기는 아래 참고... https://lucky516.tistory.com/m/228 [AWS] AWS 서버 배포 + HTTPS 적용 간단한 이해 자세한 내용은 나와 있지 않고 큰그림 수준에서 정리하는 내용입니다. 세부적인 내용을 찾으시는거라면 뒤로가기 회사에서 내부적으로 테스트하던 개발서버를 직접 배포할 일이 생겼습니다. lucky516.tistory.com 이번에는 훨씬 쉬운 방법으로 배포된 서버에 HTTPS를 적용해 보겠습니다. 바로 AWS의 API Gateway를 이용하는것 인데요. API Gateway는 쉽게말하면 서버 맨 앞에 문짝 하나 놓는다고 생각하시면 됩니다. nginx나.. 2022. 11. 2.
Framer 애니메이션 배우기 https://www.framer.com/docs/introduction/ Introduction | Framer for Developers Get started with Framer Motion and learn by exploring interactive examples. www.framer.com 리액트에서는 애니메이션 구현방법이 여러가지이이다. 그중에서 가장 많이 쓰는 Framer에 대해 배워보도록 하겠다. (본 내용은 위 사이트를 번역한 내용임) 1. Overview, 프레이머 간단히 둘러보기 먼저 프레이머가 어떻게 돌아가는지, 어떤 기능들이 있는지 살펴보자. 그리고 각각의 자세한 내용은 후반부에 설명하겠다. 컴포넌트 프레이머에서는 애니메이션을 하기 위해서 기존 DOM 요소들에 motion을 붙.. 2022. 11. 1.
[AWS] AWS 서버 배포 + HTTPS 적용 간단한 이해 자세한 내용은 나와 있지 않고 큰그림 수준에서 정리하는 내용입니다. 세부적인 내용을 찾으시는거라면 뒤로가기 회사에서 내부적으로 테스트하던 개발서버를 직접 배포할 일이 생겼습니다. 서버를 직접 배포해보는 것은 처음이라 많이 삽질하였습니다. 또한 HTTPS를 반드시 적요해야 했기에 많이 힘들었네요. 세부적으로 하는 방법은 인터넷에 많으나 전체적인 flow를 설명하는 내용은 없어서 살짝 정리하고 갑니다. 큰그림만 이해하면 세부적인건 쉽게 따라갈 수 있다는게 제 철학이라 도움되셨으면 좋겠습니다. 완전 초보적인 내용이니 너그럽게 봐주시면 감사하겠습니다. 1. 서버 배포에 대한 간단한 이해 본인이 만들어본 서버를 모든 사람들이 접속해 사용해 볼 수 있는 과정입니다. Deploy 또는 Hosting 이라고도 하며, .. 2022. 10. 18.
WebRTC 튜토리얼 https://webrtc.org/getting-started/peer-connections 피어 연결 시작하기 | WebRTC Google은 흑인 공동체를 위한 인종적 평등을 추구하기 위해 노력하고 있습니다. 자세히 알아보기 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 피어 연결 시작하기 피어 연 webrtc.org Peer Connection peer connection이란 두개의 서로다른 컴퓨터에 돌아가는 application을 p2p방식으로 연결해주는 것 이다. 피어간에 통신은 비디오, 오디오 또는 임의의 바이너리 데이터(RTCDataChannel API를 지원할 때) 가 될 수 있다. 두 피어가 서로를 발견하기 위해서는, 두 피어 모.. 2022. 10. 7.
[Git] Could not read from remote repository 언제부턴가 깃에서 ssh로 주소를 등록하면 지랄맞게 push가 되지 않는다. 해결책을 찾아봤는데 하나같이 귀찮은 것 들이다. 이걸 매번 해 줄 수 없는 노릇이고 그러다 기가막힌 방법을 찾았다 깃허브 셋업에서 아래와 같이 https로 주소를 바꿔준다! 그럼 편안하게 푸시가 잘 되는것을 확인 할 수 있다. 아니 이럴거면 뭐하러 ssh를 그리 지랄맞게 만들었대.... 2022. 9. 29.
[Firebase] Storage 사용하기 https://firebase.google.com/docs/storage/web/start?hl=ko&authuser=0 웹에서 Cloud Storage 시작하기 | Firebase Storage 2022년 10월 18일에 오프라인과 온라인으로 진행될 Firebase Summit에 참여하세요. Firebase로 앱을 빠르게 개발하고 안심하고 앱을 출시하며 손쉽게 확장하는 방법을 알아보세요. 지금 등록하기 의견 보 firebase.google.com 1. 기본 구성 아래와 같이 getStorage로 storage 서비스를 불러온다 import { initializeApp } from "firebase/app"; import { getStorage } from "firebase/storage"; // TOD.. 2022. 9. 26.
반응형

티스토리툴바