본문 바로가기
반응형

js3

JS에서 RSA 이용하기(키 페어 생성/암호화) - Web Crypto API 국내에서는 거의 정보가 없어서 올려본다. 종단간 암호화 채팅 서비스를 만들어보려고 프론트엔드에서 RSA 암호화를 할 방법이 없나 알아보았는데 암호화 자체는 가능하지만 RSA 키 페어를 생성할 방법이 마땅치가 않았다. 백엔드에서 RSA 키 페어를 생성해주면 종단간 암호화는 아무런 의미가 없기 때문이다. 그래서 방법을 알아보다가 거의 유일하게 발견한 방법이 이 API였다. 브라우저에서 지원하는 API라서 신뢰하고 써도 될 것이다. SubtleCrypto에 대한 자세한 정보는 MDN에 나와 있으므로 참고해도 좋다. 이 API가 지원하는 RSA 체계는 다음과 같다. RSA-OAEP (암호화) RSASSA-PKCS1-v1_5 (전자서명) RSA-PSS (전자서명) 1. Key Pair 생성 이 API를 이용하는 .. 2022. 4. 29.
화면 녹화 웹사이트 공유 - onvid.net 홍보라고 생각하면, 맞다. 내가 만든 웹사이트다. WebRTC와 ffmpeg.wasm과 한 2주간 씨름을 하며 만든 서비스다. 사실은 아직도 안정적이라고 할 수는 없다. 간단하게 짧은 영상을 녹화하는데 적합할 것이다. 내가 밑바닥부터 전부 만든 사이트기도 한데, 배경이나 로고도 전부 직접 디자인했다. 글래스모피즘이라는게 맘에 들어서 써봤는데 잘 된건지는 모르겠다. 라이브러리는 리액트를 활용했다. 백엔드는 없고, 모든 것이 프론트에서 처리된다. 호스팅은 Netlify에서 제공하는 무료 요금제를 이용했다. 어차피 그 트래픽 다 쓸 정도로 사용자가 많지도 않아서 상관없다. 이용 방식은 간단하다. 저기서 본인이 원하는 옵션을 선택해서 Record Now 누르면 녹화된다. 웹캠도 넣어놓긴 했는데, 쓸 사람은 없을.. 2021. 10. 29.
자바스크립트 MERN 스택으로 만든 게시판 오늘도 내가 만든 것 중 하나를 소개해 볼까 한다. 이번에는 게시판이다. 요즘 뜨고 있는 Mongodb + Express.js + React.js + Node.js 스택으로 만들었다. 모든 개발이 한 언어로 통일되기 때문에 개발에 편리하다. 특히 리액트는 처음 써보는거라 많이 헤맸던 것 같기도 하다. 사진을 다 찍기에는 기능이 너무 많아서 영상으로 만들었다. https://www.youtube.com/watch?v=TeF_30kJZAw&t=5s 기능은 간단하게 회원가입, 로그인, 글 작성 / 수정 / 삭제, 댓글 작성 / 삭제, 추천 / 비추천이다. https://github.com/dlcjsdltlq/simple-board GitHub - dlcjsdltlq/simple-board Contribute .. 2021. 10. 8.
반응형