반응형 javascript5 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. Express에서 Multer로 파일 처리하기 웹 서비스를 운영하다 보면 사용자가 업로드한 파일을 처리해야 할 일이 반드시 생간다. 다만 파일같은 경우에는 용량이나 파일의 종류 등 제한하고 싶은 점이 많을 것이다. 오늘은 Express에서 multer를 통해 파일을 처리하는 법을 알아보자. Multer multer는 Express를 위해 개발된 파일 처리 미들웨어이다. 파일을 업로드받을 때 해야 할 귀찮은 일들을 대신 처리해 준다고 보면 된다. 설치는 간단하다. npm i multer 구조 일단 프로젝트 구조부터 보자. 익스프레스는 워낙 자유도가 높은 프레임워크라 쓰기 나름이지만, 그래도 어느 정도는 표준적인 구조는 존재한다. 나같은 경우에는 다름과 같은 구조로 프로젝트를 구성한다. └project └constants └error.js └contro.. 2021. 12. 20. 화면 녹화 웹사이트 공유 - 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. 이전 1 2 다음 반응형
