안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Javascript 뒤로가기 BF Cache 에러 ] 입니다. : ) 0. 들어가기 앞서 - 예전 Safari, Firefox 브라우저에서, 나와 같은 경우 아이폰 웹뷰 Safari의 경우에 BFCache 때문에 페이지 개발 방식에 따라 뒤로가기시 스크립트 로드가 되지 않아 정상 동작하지 않는 경우가 있었다. 2020.08.15 - [2. 웹개발/Javascript Function 모음] - [Javascript] (BFCache이슈) IOS 웹뷰 뒤로가기 자바스크립트 오류(IOS History Back Error) - 다만, 이젠 크롬에도 BFCache가 도입되었고 또다시 크롬에서도 BFCache때문에 고통을 겪게 되었다. 그리고 예전글에서 가이드 했던 내..

[Javascript] IOS 웹뷰 뒤로가기 자바스크립트 오류(IOS History Back Error) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ [Javascript] 아이폰 뒤로가기 오류(IOS History Back Error) ] 입니다. : ) 0.들어가기 앞서 Safari, Firefox 브라우저에서, 나와 같은 경우 아이폰 웹뷰 Safari의 경우에 BFCache 때문에 페이지 개발 방식에 따라 뒤로가기시 스크립트 로드가 되지 않아 정상 동작하지 않는 경우가 있다. ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ ※ 이글을 쓴지 오래 되었고, 점검하다보니 가이드 중 Deprecated API가 있습니다. 쭉 읽어보셔도..

[JavaScript ] 개인정보 마스킹 함수(이름 마스킹, 이메일 마스킹, 휴대폰 번호 마스킹, 주민번호 마스킹) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 개인정보 마스킹 하기 ] 입니다. : ) ▶ 개인정보 마스킹 함수 - 사실 데이터를 프론트단에서 마스킹 처리하는건 선호하지 않지만, 꼭 프론트에서 한번더 마스킹 처리를 해야한다면 사용할 예정이다. 1. 이메일 마스킹 - 1.1 @ 뒷부분 마스킹 처리 하지 않는 경우 ex) 원본 데이터 : abcdefg12345@naver.com 변경 데이터 : ab**********@naver.com - 1.2 @ 뒷부분도 마스킹 처리 하는 경우 ex) 원본 데이터 : abcdefg12345@naver.com 변경 데이터 : ab**********@nav***..

[JavaScript ] 카운트 다운 함수(Count Down Function) 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ 카운트 다운 함수 만들기 ] 입니다. : ) ★ 실행 예시 사진 ★ 0. 들어가기 앞서 많은 이벤트 페이지나, 신년 행사 등 특정 웹페이지에서 카운트 다운 되는 화면을 본 적이 있을 것이다. 스크립트로 카운트 다운 함수를 만드는 방법을 적어보려 한다. Sample01 : 내일까지 Sample02 : 2024년 4월 1일까지 Sample03 : 종료 케이스 ▶ 샘플 소스 - 미리 로딩 된 화면에 정의된 대로 1) 특정일 기준으로 카운트 다운 2) 특정일을 지난 경우 종료 처리 - Sample Source Code 1) html - html은 CountDown 노출할 특정 영역만 잡..

[Javascript] 브라우저 버전 체크 & Text 클립보드(Clipboard) 복사하기 안녕하세요. 갓대희 입니다. 이번 포스팅은 [ Javascript 브라우저 버전체크, 클립보드 복사 ] 입니다. : ) 브라우저 버전, 종류 체크 ▶ 브라우저 버전 체크 방법 var BrowserVersionCheck = function() { var word; var versionOrType = "another"; var ieName = navigator.appName; var agent = navigator.userAgent.toLowerCase(); /*** 1. IE 버전 체크 ***/ // IE old version ( IE 10 or Lower ) if ( ieName == "Microsoft Inte..