밤톨코딩

프로젝트에서 JS 파일을 수정 후에 적용하였는데, 웹 브라우저(크롬)에서 적용이 안 되어서 실행이 안 되고 에러만 발생하는 경우가 있다. 기존의 JS 파일의 쿠키가 남아 있어 변경된 JS 파일을 읽어오지 않아서 발생한 원인일 수 있다. 당황하지 말고 브라우저의 쿠키를 삭제해 보도록 한다. 크롬의 기준으로 오른쪽 상단에 설정 표시 마크를 클릭한 후에 [설정] 버튼을 클릭해 준다. 왼쪽 사이드바에 설정에 대한 메뉴가 나타나는데, [개인정보 및 보안]을 클릭한다. 개인정보 및 보안에 들어가면 [인터넷 사용 기록 삭제] 메뉴 버튼을 클릭한다. 인터넷 사용 기록 삭제 메뉴에서 쿠키를 삭제 해줘야 하는데, [기본] - [전체 기간] - [체크] - [인터넷 사용 기록 삭제] 순으로 진행한다. 나의 경우, 이렇게 쿠..

파일 선택 버튼을 클릭하지 않아도 파일 선택 창을 열 수 있도록 해야 했는데, 이것을 자바스크립트(Javascript)에서 사용자가 클릭하지 않아도 강제적으로 이벤트를 실행시키는 click 함수를 사용하여 해결하였다. HTML 코드 input 태그의 type="file"과 button 태그를 하나씩 만들었다. button 태그에는 fnOpen이라는 함수가 클릭하면 실행할 수 있도록 한다. 열기 JavaScript 코드 getElementById 함수를 사용하여 file 노드를 가져온 후 click 함수를 사용하여 대신 파일 선택 창을 열 수 있도록 하였다. 이상, 오늘도 밤톨만큼 코딩했다.

전화번호나 휴대폰 번호의 정규식을 검색해 보았지만, '-' 이 꼭 포함되어야 하는 정규식은 찾을 수 없었다. 사용자가 꼭 '-' 을 입력할 수 있도록 필요한 정규식 패턴만 공부해서 작성해 본다. 사용되는 정규식 패턴 정규식 패턴 설명 ^ 문자열의 시작에서 일치 $ 문자열의 끝에서 일치 (?: ) ( ) 정규식 패턴에서 캡처 기능을 비활성화 [0-9] 0~9 사이 일치 {2, 3} 2개 이상, 3개 이하 연속으로 일치 HTML 코드 간단하게 테스트 할 수 있도록 전화번호 입력란과 결과를 확인 할 수 있는 버튼을 만들어 주었다. 클릭 할 때 fnCheck 함수를 실행할 수 있도록 하였다. 결과 확인 JavaScript 코드 0~9까지 2,3 개를 포함되게 시작하며 다음으로 ' - ' 포함되게 한다. 0~9까..