승밈

React에서 formData를 사용하여 파일을 전송하다보면 body에 다른값들을 같이 전송해야하는데 잘 되지않는 경우가 있더라구요. 이미지를 base64 형식으로 서버에 전송하는 방법입니다. 서버에서 전달 받은 이미지를 decode 및 저장하는 코드는 https://seung-min.tistory.com/38 를 확인해주세요. [node.js] base 64 이미지 decode 및 저장 방법 웹에서 보낸 base64 이미지 파일을 받아서 decode 및 저장하는 방법입니다. react 에서 base64 형태로 이미지 업로드 방법은 https://seung-min.tistory.com/37 여기에 있습니다. [React] base64로 여러 장의 이.. seung-min.tistory.com 사진 추가 ..

서비스를 오픈할 경우 https가 표준이 되면서 간혹 http로 접근하는 사용자들이 불편을 느끼지 않게 하기 위한 https로 redircet 해주는 기능이다. const domain = "www.myTestDomain.or.kr"; /*http로 접속시 https로 redirect */ app.use(function (req, res, next) { if (!req.secure) { res.redirect(`https://${domain}${req.url}`); } else { next(); } }); webServer로 사용하는 express 상단에 이렇게 적어주면 https로 redirect됩니다.

session을 저장할 수 있는 장소는 DB cookies, webStorage, file 등 다양한 방법이 있지만 그 중에서 DB에 저장하는 방법이다. session 저장용으로 redis 같은 별도의 DB를 사용해도 되지만 mySQL의 sessions 테이블에 저장하는 방법이다. 먼저 필요한 모듈을 설치해준다. npm install express-mysql-session --save express 상단에 모듈을 선언해줘야합니다. const session = require("express-session"); const MySQLStore = require("express-mysql-session")(session); DB 연결정보가 담긴 config를 선언하고 const config = { host: p..

timer 및 Modal을 사용하여 OTP 창 만들기 /*값이 변경 될 때마다 useEffect()가 작동하도록 state 사용*/ const [counter, setCounter] = useState(props.timmer ? props.timmer : 300); /*setInterval() 선언 */ useEffect(() => { const timer = counter > 0 && setInterval(() => setCounter(counter - 1), 1000); if (timer === 0) { props.setShow(false); } return () => clearInterval(timer); }, [counter]); /*300초 -> 05:00 형식으로 변환 */ const toHH..

{ if (e.key === "Enter") onClickHandler(); }} > form 태그에 onKeyPress를 사용하면 로그인 버튼을 클릭하지 않고 엔터키 입력으로 onClick() 이벤트 처리 가능

여러가지 DataBase를 만들다보면 계정별로 권한을 따로 줘야할 일이 많은데 자주 사용하는 계정 관련 SQL 정리 입니다. mysql 사용 show databases -- 생성된 데이터베이스 목록 보기 use mysql -- 계정, DB, 각종 config 설정은 mysql 데이터 베이스를 사용해야함 계정 조회 select host,user,password from user -- 계정 조회 계정 생성 create user test_user@'localhost' identified by 'insertPassWord'; -- localhost 에서만 계정 접근 허용 create user test_user@'%' identified by 'insertPassWord'; -- 모든IP 의 계정 접근 허용 cr..

암호화에는 대칭형 암호화 비대칭형 암호화 2가지 방법이있다. 대칭형 암호화는 앞서 포스팅한 방법처럼 key가 존재하여 같은 key를 사용하면 복호화가 가능하다는 장점이 있다. 하지만 rainbowTable이 존재하여 보안적인 요소에는 취약하다. 주로 난독화할때 사용하면 될것같다. 비대칭형 암호화는 흔히들 소금을 뿌린다고 하는데 hash값을 섞어서 복호화를 할 수없게한다. 대부분의 민감한정보들 Password같은 경우는 비대칭형(비대칭키) 암호화를 사용해야한다. 암호화를 할 수 있는 여러가지 방법중 bcrypt 를 사용한 비대칭형 암호화를 사용하여 password를 암호화한 코드이다. const Bcrypt = require("bcrypt"); const saltOrRounds = 10; //비대칭 암호화..

사용자의 정보를 DB에 그대로 저장하지 않고 난독화 또는 암호화 하여 변환하여 저장하는 방법 데이터를 암호화하는방법에는 여러가지 방법이 있지만, 제일 간단하게 SQL 쿼리를 통해 암호화(난독화) 및 복호화 하는 쿼리이다. //ENCRYPT insert tempTable (usernm) values ( HEX(AES_ENCRYPT(usernm, SHA2('암호화 할때 사용할 key', 256))) ) //DECRYPT SELECT CONVERT(AES_DECRYPT(UNHEX(usernm), SHA2('암호화 할때 사용할 key',256)) USING UTF8) 복호화 FROM tempTable 들어온 문자열 + key값을 이용하여 암호화 하는것이기때문에 rainbow table이 존재한다. 민감하지 않은..