web20 [mysql] 암호화 & 복호화, 인코딩&디코딩 고객의 개인정보처럼 중요한 정보의 보안을 위해서 DB에 저장되는 값을 암호화해야 하는 경우가 있다. 암호화한 값을 쿼리의 입력 값으로 전달해도 되지만 mysql에서 제공하는 함수를 이용해서 암호화 작업을 할 수도 있다. 암호화 & 인코딩 #암호화 AES_ENCRYPT({암호화 할 값},{암호화 키}) #인코딩 TO_BASE64(AES_ENCRYPT({암호화 할 값},{암호화 키})) #BASE64로 인코딩 HEX(AES_ENCRYPT({암호화 할 값},{암호화 키})) #hexadecimal string으로 인코딩 #EXAMPLE UPDATE MEMBER SET MEM_NAME_ENC = TO_BASE64(AES_ENCRYPT(MEM_NAME,'testkey123')); 복호화 & 디코딩 #디코딩 FRO.. 2021. 7. 1. [React] SPA, Routing, React-router, History, Hooks SPA(Single Page Application) SPA는 단어 그대로 한 개의 페이지로 이루어진 애플리케이션을 의미합니다. SPA 이전의 애플리케이션은 페이지 전환이 발생할 때마다 서버에 해당 페이지를 요청하는 SSR(Server-side Rendering)방식을 사용했습니다. 이러한 방식은 페이지가 다시 렌더링 될 때까지 사용자가 빈 화면을 보며 대기해야 하므로 사용자 경험에도 좋지 않을 뿐더러 변하지 않는 Header나 Footer도 다시 렌더링하기 때문에 비효율적입니다. SPA는 페이지 전환이 일어날 때마다 서버에 요청을 보내지 않습니다. 대신, 최초로 애플리케이션을 로드하는 시점에 모든 정적 리소스를 받습니다. 이후 사용자 요청에 따라 필요한 데이터만 서버에 요청하고 동적으로 페이지를 변경합니.. 2021. 6. 16. [mysql] windows 'mysql'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. /mysql 환경 변수 설정하기 [mysql] windows 'mysql'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. / mysql 환경 변수 설정하기 mysql server 설치 후 cmd 창에서 mysql에 접근하려고 했을 때 위와 같은 오류가 발생한다면 환경변수가 제대로 설정되지 않은 것이다. mysql이 위치한 디렉토리를 PATH에 추가 해주면 간단하게 해결할 수 있다, installer를 통해 설치한 경우는 위 처럼 설치 경로를 확인할 수 있다. 디렉토리를 다르게 지정하지 않았다면 보통 C:\Program Files\MySQL\MySQL Server 8.0 위치에 설치된다. 시스템속성 - 고급 - PATH - 편집에 들어가서 C:\Program Files\MySQL\MySQL Serv.. 2021. 4. 8. [React/Ant design] Ant design form validation - 회원 가입, 로그인 폼 검증하기 (Form instance/ validator) Ant design validator와 form instance로 form validation하기 : 회원 가입, 로그인 폼 만들고 값 검증하기. Ant Design은 버전 4를 사용해야 합니다. Ant design은 Form 컴포넌트의 Item에 대하여 validation 기능을 제공하고 있습니다. Antd가 제공하는 Rule 필드를 통해 기본적으로 type, required, min length, max length, 정규식 검증이 가능합니다. 필요하다면 custom validation도 가능합니다. 각 필드에 대한 유효성 검증을 위해 pattern을 사용했습니다. 그런데 검증 결과에 대한 부정을 할 수 가 없어서 공백 검증이 안됐습니다. 정규식.test(값) 이렇게 해서 false 면 메세지를 보여.. 2021. 3. 19. [springboot/jpa] QueryDSL(spring-data-jpa) QueryDSL 목차 - 특징 - QueryDSL 설정 - QueryDSL 사용 - Spring Data JPA + QueryDSL - QueryDslPredicateExecutor - QueryDslReposiotrySupport - 동적쿼리 QueryDSL 특징 Querydsl의 핵심 원칙은 타입 안정성(Type safety)이다. 도메인 타입의 프로퍼티를 반영해서 생성한 쿼리 타입을 이용해서 쿼리를 작성하게 된다. 또한, 완전히 타입에 안전한 방법으로 함수/메서드 호출이 이루어진다. 또 다른 중요한 원칙은 일관성(consistency)이다. 기반 기술에 상관없이 쿼리 경로와 오퍼레이션은 모두 동일하며, Query 인터페이스는 공통의 상위 인터페이스를 갖는다. 모든 쿼리 인스턴스는 여러 차례 재사용 .. 2021. 3. 3. [javascript]모던 자바스크립트 - 객체(가비지 컬렉션, this, new, 생성자, 심볼, 형 변환) 객체: 기본 ko.javascript.info 위 사이트를 정리한 내용입니다. 목차 입니다 객체 객체 프로퍼티 단축 property value shorthand 프로퍼티 존재 여부 확인 : in 연산자 for ... in 반복문 객체의 복사 참조에 의한 비교 객체 복사와 병합 : Object.assign 중첩 객체 복사 가비지 컬렉션 가비지 컬렉션 기준 mark-and-sweep 알고리즘 메서드와 this 메서드 생성 & this this의 결정 화살표 함수의 this new 연산자와 생성자 함수 생성자 함수 생성자 내 메서드 옵셔널 체이닝 ?. 심볼형 (ES6) 심볼 심볼의 등장배경 전역 심볼 객체의 형 변환 ToPrimitive : 형 변환 hint Symbol.toPrimitive toString과.. 2021. 1. 27. 이전 1 2 3 4 다음
