일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- create-react-app
- error
- react
- LG gram
- Squid Proxy
- NPX
- TroubleShooting
- 스포틀러
- ASAv
- docker nginx
- GigabitEthernet
- DNS #네트워크 기초 #ISP
- Dockerfile
- L2 Network
- HTTPS Proxy
- docker volumes
- docker 기본
- http proxy
- docker
- 실내 유산소
- OpenSSL
- docker container
- mdn
- security-level
- https
- ssl
- Hello 지문
- docker image build
- docker run
- running-config
- Today
- Total
목록Web/React (2)
최끼리 스토리

원인 분석 웹 브라우저에서 PC의 카메라/마이크 접근에 대한 보안 이슈로 발생한 오류이다. 웹 서버가 localhost에 있다면 http도 보안 출처로 간주하기 때문에 보안 이슈가 발생하지 않지만, 서버와 클라이언트가 별도의 Host에 존재한다면 서버에 인증서가 있는지 확인이 필요하다. 따라서 해당 서버는 https로 접근 가능해야 하고, 이를 http로 접근한다면 Media에 접근할 수 없다. 해결 방법 1. SSL 인증서 등록 실제 상용 운영중인 사이트의 경우 공인 IP에 도메인을 할당 받고, 해당 도메인에 공식 SSL인증서를 발급받아서 HTTPS 인증을 사용한다. 하지만 테스트 환경에서는 도메인 및 공식 SSL 인증서 없이, openSSL을 통해 직접 SSL인증서를 발급 받아서, 해당 웹 서버에 적..

이번 글에서는 Docker Container를 이용하여 독립적인 환경의 React 프로젝트를 생성하는 것을 알아보자. 보통 React를 편리하게 사용하기 위해서 Node.js를 기반으로 NPM(Node Package Manager)를 통해, React 개발에 필요한 다양한 모듈을 설치한다. 이를 위해 Host OS에 Node.js를 설치하는 경우가 많지만, 이번 글에서는 추후에 다양한 프로젝트를 편리하게 관리하고, 또한 여러 Host에 해당 프로젝트들을 동적으로 Provisioning 가능한 구조를 만들어보고자 한다. (따라서 기본적인 Docker Container에 대한 지식이 있는 사람을 기준으로 설명하겠다) 1. node.js 최신 버전의 Docker Image Pull docker pull nod..