/images/jg_02.jpg

React Init

​ React 시작하기 vue2 서비스가 23년 12월 31일에 종료된다… vue3는 개인적으로 실패한 프로젝트라 생각해 vue2를 고집하고 있었는데…. vue3로 갈 것인가. 그냥 react로 갈 것인가 고민하다. 일단 알아보자는 마음으로 정리한 내용이다. ​ ​ react 시작하기 앞서 준비할 것 node.js 에디터(ex. vscode) ​ ​ react 시작하기 준비가 끝났으니, react 프로젝트를 생성해보자 ​ 프로젝트 초기 세팅 명령어 1 npx create-react-app hello-world hello-world 라는 이름의 프로젝트를 생성

docker Command

​ 내가 자주 사용하는 docker 명령어 정리 ​ ​ 1. 현재 docker container 상태 확인하기 1 docker ps -a ​ ​ ​ 2. 현재 docker image 조회 docker hub에서 받은 image와 내가 생성한 image를 보는 명령어 1 2 docker images # 또는 docker image ls / 둘은 같은 결과를 반환하는 명령어 ​ ​ ​ 3. image 생성 hub에서 pull 받기 1 docker pull <다운받을 image 이름> 다운받을 image 이름 & 종류는 Docker Hub Web(https://hub.

AES django > vue 적용

​ ​ AES_django > vue pycryptodomex(django)에서 CryptoJS(vue)로 암호화 복호화 하는 과정을 정리 ​ ​ ​ ​ ✨기본 사항 django에서 6자리 숫자의 OTP를 생성해 암호화 하여 vue로 전달하는 상황을 가정. 각기 다른 시스템의 라이브러리를 사용. AES의 CBC 모드를 기본으로 가정. CBC모드를 사용하기 위해서 필수 인자 3가지 secret_key: 암호화 & 복호화를 위한 메인 키 (대칭키) iv: 암호화 & 복호화를 위한 서브 키 data: 암호화를 하고 싶은 데이터 💡중요 pycryptodomex 암호화 해당 라이브러리에서는 bytes type의 데이터만 인자로 받을 수 있다.

AES vue > django 적용

​ ​ AES_vue > django CryptoJS(vue) 에서 pycryptodomex(django)로 암호화 복호화 하는 과정을 정리 ​ ​ ​ ​ ✨기본 사항 각기 다른 시스템의 라이브러리를 사용. AES의 CBC 모드를 기본으로 가정. CBC모드를 사용하기 위해서 필수 인자 3가지 secret_key: 암호화 & 복호화를 위한 메인 키 (대칭키) iv: 암호화 & 복호화를 위한 서브 키 data: 암호화를 하고 싶은 데이터 vue에서 object를 통째로 암호화 하여 django로 전달하는 상황을 가정.