전체 글245

• 

  Spring Boot에서 외부 파일 경로 사용하기!! FrameWorks/Spring & Boot 2023. 2. 2.

• 

  Ajax로 form에 있는 데이터 페이지 이동 없이 보내기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 function ajax(){ var formValues = $("form[name=sampleForm]").serialize() ; $.ajax({ type : 'post', url : '/test.jsp', data : formValues, dataType : 'json', error: function(xhr, status, error){ alert(error); }, success : function(json){ alert(json) } }); } Colored by Color Scripter cs 번외 ) form태그 페이지 이동 막기 1 cs 1 cs Language/JavaScript 2023. 2. 1.

• 

  마우스 따라다니는 텍스트 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 HTML: Move your mouse over me! jQuery: $(document).mousemove(function(event) { $("#text").css({ left: event.pageX, top: event.pageY }); }); CSS: #text { position: absolute; } Colored by Color Scripter cs Study/팁 2023. 2. 1.

• 

  VSCode에서 War배포시 clean 및 install 오작동 해결방법 [문제 사항] VSCode내에서 Maven Clean, Install 등이 동작하지 않음 [에러 내용] org.apache.maven.wrapper.MavenWrapperMain 찾지 못함 maven-wrapper.jar 찾지 못함 [해결 방법] 1. 해당 프로젝트 dependency에 wrapper를 추가해줌 2. 한 폴더에 여러 프로젝트가 존재할 때 터미널에 정확한 프로젝트경로를 입력해 주어야함 IDE/VSCode 2023. 1. 31.

• 

  MySQL 암호화/복호화 암호화와 복호화 우선 암호화는 말 그대로 어떤 TEXT 데이터를 알아볼수 없게 암호처럼 만드는 것을 말합니다. 암호에는 단방향과 양방향이 있는데, 예를들어 'password'라는 누구나 알아볼 수 있는 을 암호화하면 이런 식으로 변하게 되는데, 이걸 다시 'password'라는 으로 되돌릴 수 있냐 없냐의 차이입니다. 단방향 암호화는 주로 DB 사용자 비밀번호가 저장되어 있는 것처럼 저장 이후에 다시는 으로 볼 수 없는 케이스에서 사용을 주로 합니다. 일반적으로 MySQL 내에서 보면 대표적으로 md5(32 헥사) 또는 sha1(40 헥사) 등의 함수를 사용할 수 있습니다. MySQL에서 md5와 sha1을 사용하는 예제는 각각 아래와 같습니다. select md5('test_password'); sel.. DataBase/MySQL 2023. 1. 24.

• 

  MySQL의 암호화 방법 1. password 함수 사용 단순히 비밀번호를 넘기기만 하면 자동적으로 mysql에서 함호화 코드로 변경하여 저장해주는 기능 보안에 다소 취약함 1 password(str); cs 2. SHA2 대표적인 단방향 암호화로 해시 함수를 이용 동일한 값이 입력되면 동일한 출력값을 보장 str → 암호화할 문자열 hash_length → 해시 함수 타입 (SHA-244,256,384,512) 1 SHA2(str, hash_length); cs 3. AES 대표적인 양방향 암호화 방식 대칭키 알고리즘의 암호화 기능을 사용 평문 → 암호화문, 암호화문 → 평문 가능 str → 암호화할 문자열 key_str → 암호화 키 (평문화시 사용), SHA2를 이용하여 암호화하는 것이 좋음 1 2 3 4 5 -- 암호화 .. DataBase/MySQL 2023. 1. 24.

• 

  JavaScript 자주 사용하는 정규식 일치시 Ture반환 이메일 체크 정규식 1 2 3 4 5 6 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); } Colored by Color Scripter cs 비밀번호 체크 정규식(8 ~ 16자 영문, 숫자 조합) 1 2 3 4 5 6 function isPassword(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z]{8,16}$/; return regExp.test(asValue); } Colored by Co.. Language/JavaScript 2023. 1. 19.

• 

  MySQL 데이터 타입(DataType) 숫자 데이터 형식 FLOAT와 DOULBE → 정확한 숫자가 아닌 근사값을 저장 DECIMAL → 정확한 수치를 저장 데이터 형식 바이트 수 숫자 범위 설명 BIT(N) N/8 1 ~ 64Bit 표현, b’0000’형식으로 표현 TINYINT 1 -128 ~ 127 정수 SMALLINT 2 -32,768 ~ 32,767 정수 MEDIUMINT 3 -8,388,608 ~ 8,388,607 정수 INT (INTEGER) 4 약 -21 억 ~ 21 억 정수 BIGINT 8 약 -900경 ~ 900경 정수 FLOAT 4 -3.40E+38 ~ -1.17E-38 소수점 아래 7자리까지 표현 DOUBLE (REAL) 8 -1.22E-309 ~ 1.79E+308 소수점 아래 15자리까지 표현 DECIMAL(m,d]) .. DataBase/MySQL 2023. 1. 11.

• 

  [Mac] Brew를 이용한 MySQL 설치 기존에 MySQL을 설치한 적이 있다면 다음 명령어를 차례대로 입력 1 2 3 sudo rm -rf /usr/local/var/mysql sudo rm -rf /usr/local/bin/mysql* sudo rm -rf /usr/local/Cellar/mysql cs HomeBrew가 설치되어 있는지 확인 1 brew --version cs 설치가 되어 있지 않으면 설치 진행 1 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" cs MySQL 리스트 확인 및 설치 1 2 3 brew search mysql DataBase/MySQL 2022. 12. 22.

• 

  JQuery의 $( ) 의 의미 jQuery $()의 의미 $()가 의미하는 것은 그냥 이름이 $인 함수 그 자체 해석하자면 $()는 $함수를 호출한 것 인스턴스를 사용자가 생성하지않고 JQuery인스턴스를 대신 만들어서 제공해 줌 1 2 3 4 function$() { return new jQuery(); } cs jQuery 라이브러리 내부 1 window.jQuery = window.$ = jQuery; cs 1 2 $('div').css('border', '4px solid #f00'); jQuery('div').css('border', '4px solid #f00'); cs 내부로 보아 밑에 1행과 2행의 코드는 같다는 것을 알 수 있음 $('div') 의미는 'div'를 매개변수 값으로 $() 함수를 호출한 것 $()함수의 .. Language/JavaScript 2022. 12. 20.

• 

  JQuery event.preventDefault() preventDefault( ) 실행 가능한 이벤트의 진행을 취소시킨다. 모든 이벤트가 취소가 가능한 것은 아님 -> cancelable property에서 확인가능 ex) submit 이벤트가 발생시 action을 진행시키지 않고 페이지에 머물게함(return false를 작성한 것과 같은 효과) Language/JavaScript 2022. 12. 20.

• 

  HTML의 <form>태그의 enctype속성?? enctype란?? HTML 을 post방식으로 전송시 전송할 데이터를 인코딩하기 위해 인코등타입을 명시하는 것 enctype의 속성 enctype 용도 multipart/form-data 파일()이 포함된 폼을 전송할 때 사용. application/x-www-form-urlcencoded 파일이 없는 폼에 사용. multipart/form-data 를 제외한 모든 경우에 사용. enctype 속성이 없을 때 적용 기본 값. text/plain 인코딩 없이 전송. 보안성이 없어 디버깅 용도로만 사용해야 함. "multipart/form-data" 파일을 업로드 할 때 사용하는 속성 파일을 업로드 하지 않을때도 사용 가능 But!! 전송시 추가적으로 표시되는 요소들이 있기에 "application/x-w.. Language/HTML 2022. 12. 15.