공부하자

Docker와 ngrok을 활용한 react-webcam 개발 환경 구축

배경 및 문제 상황React-Webcam 라이브러리를 사용해서 개발을 진행하던 중, 모바일 환경에서 테스트할 때 중요한 문제점을 발견했다. 모바일 브라우저에서 카메라 접근은 보안상의 이유로 HTTPS 프로토콜에서만 허용되기 때문에, 로컬 개발 환경이 기본적으로 사용하는 HTTP로는 모바일 테스트가 불가능했다. 이를 해결하기 위해 HTTPS 접속을 제공하는 ngrok을 사용하게 되었다. 사용 방법은 다음과 같다.React Webcam 개발 환경 설정 가이드 - ngrok 사용 편준비사항GitNode.jspnpm (설치 방법: npm install -g pnpm)ngrok 계정 (https://ngrok.com 에서 가입)설정 단계1. 프로젝트 클론하기git clone https://github.com/Te..

XV6를 설치하는 운영체제 과제를 하기 위해 인텔의 x86 아키텍쳐를 구성해야 했다.여기서 잠깐 차이를 짚고 넘어가자면x86은 하드웨어 아키텍처이고, XV6는 소프트웨어(운영체제)이다. x86 아키텍처에서 XV6 운영체제가 실행된다고 이해하면 된다.보통의 Mac 유저라면 UTM이나 Parallels를 사용해 가상환경을 구성한 후 ubuntu 환경을 만들곤 하는데그렇게 구성한 ubuntu도 사실은 ARM 기반 아키텍처이기 때문에 일반적인 윈도우 환경, 즉 AMD64와는 차이가 있다.사진은 내가 utm에 ubuntu를 설치해 사용하는 모습이다.얘도 어차피 arm 기반이라 인텔의 x86과는 완전히 똑같지 않다.웬만하면 이걸로 쓰면 전부 되지만 이번 운영체제 과제 환경 구성은,,,, 안된다 ;;; Packag..