반응형 자바스크립트4 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. 자바스크립트 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. 웹브라우저 콘솔에 이미지 표시하기, CSS로 요소 꾸미기 이번에는 간단한 팁이다. 도움이 될 수도 있고 도움이 안될 수도 있다. 페이스북 같은 경우 콘솔을 보면 다음과 같이 뜬다. 페이스북 외에도 다양한 서비스에서 이렇게 콘솔에 스타일된 정보를 표시한 경우가 많은데, 브라우저에서 콘솔 텍스트를 CSS로 꾸밀 수 있는 방법을 제공하기 때문이다. 이미지 표시도 이를 이용한 일종의 트릭에 가깝다. 미리 스타일을 작성하고 포매팅으로 집어넣어주면 쉽게 텍스트를 꾸밀 수 있다. 이미지는 이렇게 넣을 수 있다. 일종의 편법이긴 하지만 문제는 없다. 코드는 https://gist.github.com/dlcjsdltlq/f079687dc6799ba7dae1924f23c93281 console-styled-log.js GitHub Gist: instantly share code.. 2021. 10. 7. 이전 1 다음 반응형
