Web Programming 18

Modal PopUp 사용하기

이번에 작업을하면서 팝업이 아닌 레이어(?) 를 띄워주어야하는 요청사항이 있었습니다 처음사용해보는 기능이어서 정리해 봅니다 일반 PopUp 기능은 새창을 브라우저에 새창을 열어서 사용합니다 Modal 의 경우는 현재 페이지 위에 다른 숨겨놓았던 HTML 로 덮어 씌우는 느낌입니다 Modal 을 사용하면 별도의 새창 없이 간단한 안내문구나 링크 연결 등을 사용 할 수 있습니다 1 우선 jQuery 를 사용하여 숨겨진 Modal 을 화면에 띄우는 것이므로 jQuery 를 불러옵니다 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; w..

jQuery 날짜를 지정하는 Datepicker

요즘은 검색에 Datepicker 를 넣지 않는곳이 없는것 같다 요청사항은 다들 비슷한데 검색해보면 뭔가 요청사항을 이리저리 찢어놓은 느낌이라 붙여보았다 데이터 피커에 한글로 표시되게 해주세요 (기타 옵션) 시작일은 해당월에 1일을 Default 로 해주세요 끝일은 당일의 날짜로 해주세요 이 옵션들이 검색하면 꼭 한번에 나오지를 않아서 애먹었다 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 30 31 32 33 34 35 36 37 38 39 $(function() { //모든 datepicker에 대한 공통 옵션 설정 var thisDate = new Date(); var thisYear = thisDate.g..

SHOP.HEAD 적용시키기

이번에 영카트에서 게시판에 shop 헤더를 적용시킬 일이 있었습니다 원래는 관리자에서 테마만 변경해주면 될듯 한데 테마를 적용시켜서 좀 꼬인것 같습니다 주변의 도움이 컸습니다 게시판의 경우 /bbs/board_head.php /bbs/board_tail.php 를 수정해 주더군요 (제가한 부분이 아니라 깊이있게 모릅니다. 아시는분 댓글 달아주시면 감사하겠습니다.) 1 2 3 4 5 6 7 8 9 10 11

mailer 사용법 (그누보드 Form mail 전송)

메일 전송이 간단한줄 알았는데 생각보다 어려워서 3시간정도 삽질을 했습니다 폼메일 기능은 상담신청 & 문의사항 전송등의 웹페이지 기능을 만들때 사용됩니다 결론은 '별도의 서버 설정 없이 폼에서 메일을 바로 날려보내면 안되나 ?!' 네 안되나 봅니다 ... 제가 찾아보고 지인에게 물어본 바로 메일을 보내기 위해서는 1. 운영측에 메일서버가 필요 (돈이 들어감) 2. SMTP 의 이용 으로 나누어 지고 주로 2번의 경우를 많이 사용한다 합니다 그누보드는 기본적으로 mailer 라는 메일을 보낼 수 있는 함수를 내장하고 있습니다 단 이를 고치지 않고 사용하려면 1번의 메일서버가 필요한거로 보여 검색끝에 mailer 함수를 약간 수정하였습니다 /lib/mailer.lib.php 1 2 3 4 5 6 7 8 9 ..

XSS 크로스 사이트 스크립팅

PHP 에서의 XSS 방법입니다 어처구니 없게도 그누보드에서 폼메일 기능 넣다가 발견했습니다 1 2 3 이런식으로 사용합니다. 출처 : http://hong.adfeel.info/backend/%ED%8F%BC%EB%A9%94%EC%9D%BC-%EC%86%8C%EC%8A%A4/ 폼메일 소스 - hong's blog formMail.php [crayon-5cea2afd6e55a416026557/] content_me.php [crayon-5cea2afd6e56b025730972/] 이메일주소 형식 확인하기(형식이 맞다면 길이값에 해당하는 값을 리턴 형식이 틀리다면 false리턴) [crayon-5cea2afd6e574278933719/] strip_tags()로 문자열에서 html과 php태그를 제거한다(..

Web Programming/PHP 2019.05.21

XSS 크로스 사이트 스크립팅

입력값에 스크립트 코드를 사용하여 공격하는것을 방지 1 2 3 4 5 6 7 8 9 function XSS_Check(strTemp, level) { if ( level == undefined || level == 0 ) { strTemp = strTemp.replace(/\|\"|\'|\%|\;|\(|\)|\&|\+|\-/g,""); } else if (level != undefined && level == 1 ) { strTemp = strTemp.replace(/\/g, ">"); } return strTemp; } 출처 : https://m.blog.naver.com/yaki80/220717933700 XSS(크로스사이트 스크립팅)대응해란다 갑툭튀 자바스크립트에서 XSS체크할 때 적용할 수 있는 ..