기타5 SOP (Same-Origin Policy), CORS (Cross-Origin Resource Sharing) 정리 SOP (Same-Origin Policy) SOP는 웹 보안의 기본 개념으로, 웹 브라우저가 스크립트에서 실행되는 동안 다른 출처(origin)의 리소스에 대한 접근을 제한하는 정책 출처는 프로토콜(http, https 등), 호스트(도메인 이름), 포트 번호의 조합으로 정의됨 SOP는 웹 사이트에서 사용자의 데이터를 보호하기 위해 중요 크로스 사이트 스크립팅(XSS) 공격과 같은 보안 취약점을 방지하기 위해 설계 예를 들어, 한 웹 사이트가 다른 사이트의 쿠키, 로컬 스토리지 등에 접근하는 것을 제한함 CORS (Cross-Origin Resource Sharing) CORS는 웹 애플리케이션이 다른 출처의 리소스에 접근할 수 있도록 허용하는 메커니즘 SOP에 의해 기본적으로 제한된 리소스 공유를 가.. 2024. 2. 28. RTSP 웹 스트리밍 오픈소스 프로젝트 - RTSPtoWeb으로 React에서 스트리밍 해보기 프로젝트 정보 Language: Go GitHub: https://github.com/deepch/RTSPtoWeb (MIT License) API Docs: https://github.com/deepch/RTSPtoWeb/blob/master/docs/api.md Docker Image: ghcr.io/deepch/rtsptoweb:latest 주요 기능 RTSP URL을 통해 Stream을 추가하면 HLS 스트리밍 엔드포인트를 통해 클라이언트에서 스트리밍 가능 다중 채널 지원 Admin UI ID/PW, Token 인증 방식 지원 HTTPS 지원 Docker로 서버 띄워보기 $ docker run -d --name rtsp-to-web -p 8083:8083 ghcr.io/deepch/rtsptowe.. 2024. 1. 16. Apple Silicon Mac에서 NVM 사용해 Node v14 설치 NVM 'nvm'은 Node.js의 여러 버전을 관리하기 위한 도구로, "Node Version Manager"의 약자 nvm을 통해 여러 프로젝트에서 서로 다른 Node.js 버전을 사용할 수 있음 GitHub: https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Man.. 2023. 12. 7. [AWS] Mac AWS-CLI 설치 및 EKS Cluster에 kubectl 명령어 사용하기 AWS-CLI Install https://awscli.amazonaws.com/AWSCLIV2.pkg 위의 링크에서 install pkg 파일 다운로드, 설치 후 아래의 명령어로 설치 확인 $ which aws /usr/local/bin/aws $ aws --version aws-cli/2.14.0 Python/3.11.6 Darwin/23.1.0 exe/x86_64 prompt/off AWS-CLI Configure aws-cli를 설정하려면 aws 계정의 accesskey, secretkey가 필요함 IAM - 액세스 관리 - 사용자 탭에서 내 계정 선택 후 액세스 키 발급 액세스 키 발급 후 키 정보가 담긴 csv 파일을 다운로드 받을 수 있는 단계가 있는데, 다시 확인할 수 없으므로 다운 받아서.. 2023. 11. 28. Mac에서 VSCode Prettier 사용하기 Prettier 설치 VSCode Extension 탭에서 Prettier 검색하여 설치 Prettier 설정 설정에서 Tab Width, Indent 시 Tab을 사용할지 등 코드 포매팅 시 어떻게 할 지 설정 VSCode Default Formatter 설정 Code > Settings > Settings (command(⌘) + ,) Default Formatter 검색 후 Prettier로 설정 Prettier 사용해서 Code Formatting option(⌥) + shift(⇪) + F 커맨드 입력하면 자동으로 코드가 포매팅 되는 것 볼 수 있음 2023. 11. 8. 이전 1 다음
