팁스토리, Tips

■ Javascript location.href 와 location.replace 페이지 이동 차이점 페이지 이동 시 사용되는 location.href 와 location.replace 의 가장 큰 차이점은 location.href 는 객체의 속성이고 location.replace 는 매소드(함수)로 작동됨 location.href 는 단순히 페이지 이동 개념으로 뒤로가기 버튼 클릭 시 이전 페이지로 이동이 가능하지만 location.replace 는 현재 페이지를 새로운 페이지로 덮어씌우는 개념이기에 이전 페이지 이동이 불가함 ■ 차이점 구분 기능 형태 주소 히스토리 location.href 신규 페이지로 이동(단순이동) 객체 속성 기록됨 location.replace 기존 페이지에서 신규페이지 변경 ..

■ Javascript 특정 원하는 길이만큼 문자열 자르기 substr() ■ 문법 str.substr(start , length) str.substr(start , length); ■ 사용법 *start만 입력 시 start 부터 마지막 문자열까지 리턴함 var str = 'HelloWorldJavaScript'; console.log(str.substr(5));// WorldJavascript console.log(str.substr(0, 5));// Hello console.log(str.substr(0, 10));// HelloWorld

■ Javascript FullCalendar(풀 캘린더) 사용 시 Google Calendar API (구글 캘린더 API) 연동하기 Fullcalendar (풀캘린더) 이미 설정된 일정 외 구글 캘린더 API를 이용해 공휴일 추가하는 방법 ■ Google Calendar API 키 발급 1. 구글 계정으로 로그인 후 Google Calendar API (구글 캘린더 API) "ENABLE" 사용하게 설정 https://console.developers.google.com Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 2. 사용자 인증 정보 - 사용자 인증 정보 만들..

■ Javascript window.open() 사용법 및 옵션 ■ 문법 var window = window.open(url, windowName, [windowFeatures]); ■ windowName target = "_blank" 새창에서 팝업 열림 (target 미입력 시 디폴트) target = "_parent" 부모창에서 팝업 열림 target = "_self" 현재 페이지에서 팝업 열림 target = "_top" 현재 페이지의 최상 페이지에서 팝업 열림 ■ 사용법 open naver ■ 참고

■ Javascript 부모창에서 자식창으로 값 전달하기 부모창에서 자식창, 팝업창을 띄울 수 있음 이 때, 팝업창을 띄우는 창은 부모창, 팝업창은 자식창이 됨 부모창과 자식창 간 서로 데이터 즉, 특정 값을 주고받을 수 있음 ■ 부모창 → 자식창 1. 부모창에서 자식창(팝업창) 열기 var child; var url = "./popup_child.php"; child = window.open(url, 'popup_child', 'menubar=no, scrollbars=yes, status=yes, resizable=auto, titlebar=no, hotkey=0, width=300, height=300, left=0, top=0); 2. 부모창에서 자식창(팝업창) 닫기 child.close(); 3..

■ Javascript 배열 내 특정 값 삭제하기 ■ 사용함수 반복문과 splice() filter() 반복문이 필요없음 ■ 사용법 반복문과 splice() let arr = ['a', 'b', 'b', 'c']; // 배열 내 'b' 값 삭제 for(let i = 0; i element !== 'b'); document.writ..

■ Javascript alert 창 꾸미기 alertify.js 사용법 alert 기능의 경고창을 JQuery UI Dialog 를 사용하여 꾸밀 수 있음 ■ 플러그인 설치 AlertifyJS All of AlertifyJS animation/transition effects are disabled due to user preference that the system minimizes the amount of animation or motion it uses. See prefers-reduced-motion CSS media feature. alertifyjs.com ■ 사용법 alertify.alert("문구입력"); ■ 결과

■ Javascript 인증번호 타이머 ■ 사용법

■ Javascript Export HTML to Word Document with JavaScript 플러그인이나 라이브러리 없이 JavaScript만 사용하여 HTML을 Word 문서로 변환하는 법 ■ 사용법 HTML Artificial Intelligence Overview Artificial Intelligence(AI) is an emerging technology demonstrating machine intelligence. The sub studies like Neural Networks, Robatics or Machine Learning are the parts of AI. This technology is expected to be a prime part of the real worl..

■ Javascript textarea code highlighter effects ■ 사용법 라이브러리 선언 CSS @import url("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.1.0/styles/github.min.css"); @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding:wght@400;700&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* code highlight css */ #editor-container { position: relative; min-height:50px; m..