[공부]하는 몽씨/tip

[Tip] 크롬에서 현재 창 닫기 (window.close)

2020. 4. 3. 10:26
반응형

[Tip] 크롬에서 현재 창 닫기 (window.close)


기획 사항 중에 버튼을 클릭시 보고 있는 창(현재 창)을 닫게 해달라는 요청으로 

자바스크립트의 window.close를 쓰면 되겠다고 생각하고 진행을 하던 중, 크롬에서 해당 소스가 먹히지 않는 상황이있었습니다. 


왜 안 되지 하고 삽질을 하던 중, 이 이슈가 생각보다 오래 전부터 있었던 이슈라는 것도 발견하게 되었습니다. 


https://stackoverflow.com/questions/19761241/window-close-and-self-close-do-not-close-the-window-in-chrome


(글 올려진 때가 2013년이면 .... 지금이 2020년이니까 7년 전이네요. 이런 뒷북이.. )


올려진 답안지를 해보다가 안 된다면서 다른 예제를 찾으러 돌아다니고 괜한 삽질하다보니 다행히도 해결방안을 찾게 됐는데요. 

너무 단순해서 허무할 정도였네요. 그래도 해결 됐으니 다행!



<a href="javascript:close();">창 닫기</a>
<script>
function close()
 {
  window.open('','_self').close(); 
}
</script>

 * 참고사이트
https://hyxn.tistory.com/4


반응형
저작자표시

'[공부]하는 몽씨 > tip' 카테고리의 다른 글

[Tip] checkbox 초기화하기  (0) 2020.10.19
[Tip] tab(탭)에 카카오맵 api 지도 여러개 넣기  (0) 2020.04.03
[Tip] 워드프레스 관련 메모2  (0) 2020.03.18
[Tip] 워드프레스 관련 메모  (0) 2020.03.17
[Tip] 세팅된 magnific popup에 추가 작업하기  (0) 2020.03.17

[공부]하는 몽씨/javascript

[javascript] input 이메일 유효성 체크

2020. 3. 18. 14:18
반응형


[javascript] input 이메일 유효성 체크 



이메일을 작성하는 input란에 내용을 넣을 때, 이메일이 형식에 맞게 작성되어있는 지 

확인할 수 있도록 input 아래에 에러 메세지를 넣어달라는 요청이 있었습니다. 


먼저 <head></head> 사이에 jquery 플러그인을 넣어주시고 

그 다음 html 안에 내용을 작성합니다.



<input type="email" placeholder="이메일" name="mail" id="mail" maxlength="30">
<div id="error_mail" class="result-email result-check"></div>


내용을 다 작성하였다면 다음은 javascript  차례인데요, 

</body> 전에 아래 스크립트를 작성합니다.



function email_check( email ) {    
    var regex=/([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
    return (email != '' && email != 'undefined' && regex.test(email)); 
}

$("input[type=email]").blur(function(){
  var email = $(this).val();
  if( email == '' || email == 'undefined') return;
  if(! email_check(email) ) {
  	$(".result-email").text('이메일 형식으로 적어주세요');
    $(this).focus();
    return false;
  }else {
	$(".result-email").text('');
  }
});

이렇게 내용을 작성하면 이메일 형식 (ex. test@test.com)이 아닐 경우에는

하단에 '이메일 형식으로 적어주세요' 라는 에러 메세지가 뜨게 됩니다.




반응형
저작자표시

'[공부]하는 몽씨 > javascript' 카테고리의 다른 글

[javascript] 모바일SMS 문자 보내기  (0) 2021.03.16
[javascript] 현재 시간 select로 잡기  (0) 2020.07.16
[javascript] 자동롤링되는 실시간검색어 만들기  (2) 2018.05.18
[javascript] on,off 스위치 만들기 (토글버튼: Togglebutton)  (4) 2017.08.21
[javascript] slideup 효과로 상단배너 숨기기  (0) 2017.07.26

[공부]하는 몽씨/tip

[Tip] 워드프레스 관련 메모2

2020. 3. 18. 11:04
반응형

[Tip] 워드프레스 관련 메모2

1. 가격표 플러그인 easy pricing table

(https://ko.wordpress.org/plugins/easy-pricing-tables/)


2. 게시판 플러그인 Kboard

(https://www.cosmosfarm.com/products/kboard)

: 게시판과 덧글을 같이 다운로드 해야합니다.



★ 플러그인 추가에서 직접 플러그인 업로드 가능 

★ Kboard 플러그인 사용 시, 웹 사이트 메뉴나 레이아웃이 보이지 않는 경우

: 대시보드 > 시스템설정 > font awesome 비활성화




3. SNS 공유하기 플러그인 korea SNS

(https://wordpress.org/plugins/korea-sns/)

: 활성화 시, 도구나 설정에서 메뉴를 찾아야 합니다.


4. 검색엔진최적화

- 성능최적화 : 워드프레스 자체 성능을 높이는 최적화

- 검색엔진 최적화 :인터넷에서 콘텐츠가 잘 검색되도록 검색 엔진에 노출하는 최적화


1/ 외부 링크를 통해 다른 웹 사이트를 내 웹 사이트에 연결

2/ 좋은 콘텐츠

3/ 도메인 이름과 기간이 긴 도메인 등록 기간 (주로 다루는 키워드가 도메인 이름에 포함되야 좋음)

4/ 웹사이트 접속 속도 향상 (플러그인 이용하여 정기적 최적화)


5. 용량 확인 방법 : php파일 업로드하여 확인 (memory_limit)


<?php phpinfo(); ?>


6. 검색 최적화 플러그인 yoast seo

(https://ko.wordpress.org/plugins/wordpress-seo/)


7. 복사방지 플러그인 wp content copy

(https://ko.wordpress.org/plugins/wp-content-copy-protector/)


8. 보안 플러그인 ithemes security

(https://ko.wordpress.org/plugins/better-wp-security/)

: 해킹 시도 내역을 메일로도 알려주는 플러그인입니다.



★ Security > setting으로 이동 


- Global Settings > Lockout White List 란에 아이피 입력

- 404 Detection > enable 클릭 후 내용 수정

: Minutes to Remember 404 Error (Check Period) : 공격시간을 뜻함, 5로 설정

: Error Threshold : 공격횟수를 뜻함, 20으로 설정


- Hide Backend : 체크하고 Login Slug에 로그인 접속주소 변경

- Local Brute Force Protection : 무차별 대입 공격 예방

: Max Login Attempts Per Host : 호스트 컴퓨터별 로그인 시도 제한 횟수

: Max Login Attempts Per User : 사용자 ID별 로그인 시도 제한 횟수

: Minutes to Remember Bad Login (check period) : 로그인 제한에 걸릴 경우 몇분동안 기능 막는지




9. 백업 플러그인 backwpup

(https://ko.wordpress.org/plugins/backwpup/)

: 제 경우에는 해당 새로 추가에서 플러그인이  설치가 되지 않아 플러그인 업로드 방식으로 설치하였습니다.





★ 수동 백업 설정

- add new job 메뉴 클릭

- Archive Format  > zip 체크

- Where should your backup file be stored?  >  Backup to Folder

- 스케쥴 탭과 투폴더에 내용 확인

-  jobs >  run now 버튼 클릭 시, 백업 작동



★ 자동백업 설정

: 자동백업 부분은 드롭박스와 mysql부분이 있음


★ 테마 포레스트 (https://themeforest.net/)

: 카드 정보 유출 위험이 있으므로 유료 테마는 테마포레스트 웹사이트를 권장

반응형
저작자표시

'[공부]하는 몽씨 > tip' 카테고리의 다른 글

[Tip] tab(탭)에 카카오맵 api 지도 여러개 넣기  (0) 2020.04.03
[Tip] 크롬에서 현재 창 닫기 (window.close)  (0) 2020.04.03
[Tip] 워드프레스 관련 메모  (0) 2020.03.17
[Tip] 세팅된 magnific popup에 추가 작업하기  (0) 2020.03.17
[Tip] Esc로 팝업창 닫기  (0) 2017.10.18
Profile
이웃집몽씨 코딩공부하는 웹디, 몽씨입니다. 코딩공부를 한지 얼마 되지 않아서 부족한 부분이 많지만 열심히 하겠습니다.
admin write link

티스토리툴바