저장소

고정 헤더 영역

글 제목

메뉴 레이어

저장소

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기 (60)
    • Go (13)
    • Android (3)
    • Java (3)
    • JavaScript (3)
    • SpringBoot (2)
    • Spring (1)
    • React (5)
    • SCM (3)
    • Eclipse (2)
    • DataBase (4)
    • eGovFramework (2)
    • Nexacro (2)
    • 산출물 (0)
    • SQL (1)
    • Unity (3)
    • DApp (1)
    • Server (2)
    • ETC (0)
    • 블록체인 (1)
    • 철학 (0)

검색 레이어

저장소

검색 영역

컨텐츠 검색

JavaScript

  • [JavaScript] 크로스 사이트 스크립트(XSS)를 방지하는 코딩기법

    2021.04.16 by 로니콜먼

  • [JQuery] 글자수 카운팅

    2020.08.11 by 로니콜먼

  • [JQuery] Ajax + JSON으로 데이터 보내기

    2020.08.10 by 로니콜먼

[JavaScript] 크로스 사이트 스크립트(XSS)를 방지하는 코딩기법

외부의 입력 값에 대한 검증을 수행한다. if(name != null){ name = name.replaceAll("", ">"); name = name.replaceAll("&", "&"); name = name.replaceAll("\", "&quot"); }else{ return; { 위험한 형식 파일 업로드 파일 업로드 시 //업로드 파일 크기 제한 int size = file.getSize(); if(size > MAX_FILE_SIZE) throw new ServletExcepton("Error"); //MultipartFile로부터 파일을 얻는다. String fileName = file.getOriginalFilename().toLowerCase(); //화이트리스트 방식으로 업로드 파일의..

JavaScript 2021. 4. 16. 09:05

[JQuery] 글자수 카운팅

글자수를 실시간으로 카운팅하는 실습을 진행해보자. 다음과 같이 HTML을 작성한다. 글자수 카운팅 (0 / 최대 30000자) 그럼 다음과 같은 화면이 나온다. (css는 생략) JQuery에서는 keyup 이벤트를 이용해서 글자수를 측정 할 수 있다. keyup 이벤트를 통해 타이핑이 발생할 때마다 textarea 내용을 가져온다. 해당 content.length를 통해 가져온 내용에 담긴 글자수를 측정한다. innerHTML 옵션을 통해 측정한 글자수를 실시간으로 표시해준다. $('#tmplat_ctnt').keyup(function(e){ var content = $(this).val(); $('#label_ctnt_cnt').html('('+ content.length + ' / 최대 30000자..

JavaScript 2020. 8. 11. 13:40

[JQuery] Ajax + JSON으로 데이터 보내기

Ajax 기본 형식을 알아두면 어디든 쓰인다 $(document).ready(function(){ $('#checkOut').on("click", function(){ var adminFile = { "TMPLAT_ID" : robot.sysdate("PR05"), "TMPLAT_DVS_CD" : $('select[id="tmplat_dvs_cd"]').val(), "TMPLAT_NM" : $('#tmplat_nm').val(), "TMPLAT_COURS" : $('#tmplat_cours').val(), "OBJCT_USE_YN" : $('input[name="objct_use_yn"]:checked').val(), "TMPLAT_CTNT" : $('#tmplat_ctnt').val() } $.ajax..

JavaScript 2020. 8. 10. 14:52

추가 정보

인기글

최신글

페이징

이전
1
다음
TISTORY
저장소 © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바