IT깡패's의 코딩스토리&게임&취미

SetTimeout('call()', 1000); SetTimeout('call()', 10000); SetTimeout('call()', 30000); SetTimeout('call()', 60000); SetTimeout('call()', 360000); call()함수를 1초, 10초, 30초, 1분, 1시간이 지나면 실행!! - 참고 링크 자바스크립트 setTimeout실행시키기 - https://squll1.tistory.com/entry/javascript-setTimeout-%EB%AA%87%EC%B4%88%ED%9B%84%EC%97%90-%ED%95%A8%EC%88%98-%EC%8B%A4%ED%96%89 [javascript] setTimeout 몇초후에 함수 실행 setTimeout('t..

php쪽 과련 그누보드랑 워드프레스쪽 유지보수 프리랜서 일을 하다가 alert창을 꾸미고 위에 주소창도 바꿀 수 있는 방법이 무엇이있을까 고민을 하게 되었습니다~~ ㅇㅅㅇ!! 최종프로젝트나 대규모프로젝트에서나 사용하는데요~ 보통 때는 alert창을 써도 되는데 alert창을 꾸미거나 내용도 바꾸기 위해서 사용할 수 있는 방법은 SweetAlert2창 종류들을 쓰는 것입니다. 이 알람창의 좋은 점은 alert창을 꾸밀 수도 있지만 시간이나 텍스트도 설정할 수 있다는 점입니다. 자유자재는 아니지만 유유하게 경고창 버튼창들도 수정할 수 있다는 좋은 장점을 가지고 있습니다! https://sweetalert2.github.io/#download SweetAlert2 A beautiful, responsive, ..

*JSON이란 - Javascript Object Notion의 줄임말 - 자바스크립트 Object 형태의 경량의 데이터 포멧 :자바스크립트로 파생되었지만 독립형 데이터 포멧 - 서로 다른 시스템 간 객체를 교환할 수 있음 : 자바스크립트 - 서버 간 통신할 때 유용(AJAX) - 사람, 기계 모두 이해하기 쉽고 용량이 작음 - key - value 형식 : { key: value } : 문자열은 ""로 묶어야하며, 배열은 [ ] - item.json [ { "id": "1", "name": "레몬", "price": " 3000", "description": "레몬에 포함되어 있는 쿠엔산은 피로회복에 좋다. 비타민C도 풍부하다." }, { "id": "2", "name": "키위", "price": "..

자바스크립트를 사용한 유효성 검사를 하는 내용들은 많다고 하는데요~! 앞에 내용을 보면 누락에 대한 유효성 검사를 했는데요~ㅎㅎ 그것말고도 몇가지 검사를 하는 것들이 있는데 그것들에 대해서 알아보겠습니다~!! 일단 소스코드를 보고 먼저 파악해보겠습니다~!! 이렇게 우편번호, 전화번호, 주민등록번호, 아이디, 이메일 체크 같은 유효성 검사도 있습니다. 이것들은 나중에 jsp나 spring등에서 회원가입이나 로그인할 때, 많은 필요성을 느끼실 것 입니다. 자 이제 그럼 form창에서 잘 정리된 유효성 검사들을 smooth하게(?) 넘기는 작업도 해보도록 할까요~ㅎㅎ 잘 되신다면 alert창으로 올바른 형식, 잘 안된다면 잘못된 형식이 뜨게 됩니다. 자바스크립트에서 유효성 검사 기타 내용들은 일단 이 정도까지..

안녕하세요~ㅎㅎ IT깡패's인데요~ㅎㅎㅎ 자바스크립트에서 input창으로 function함수를 사용해서 페이지 넘기는 방법에 대해서 알아보겠습니다~!! 여기서 넘기는 방법은 두가지있는데요~ js파일을 써서 사용하던지 스크립트를 바로 써서 사용하는 방법들인데요~!! * js파일 써서 사용하는 방법 -a123.html 도서 정보 입력 제목 저자 출판사 가격 입고일 배송비 유료 무료 구입가능 서점 교보문고 알라딘 yes24 인터파크 보유수량 선택 1 2 3 4 5 - script.js function inputCheck(){ //alert(1); str = "입력한 항목은\n"; //if(document.myform.title.value.length==0){ if(document.myform.title.val..

- DOM 구조 DOM은 정의 부분과 구현 부분으로 나뉘어져 있으며 정의부분(명세)에는 실제 동작하는 구현 소스 없이 웹 페이지 문서를 조작할 때 지켜야하는 규약이 명시되어 있다. DOM 정의 부분을 만드는 곳은 웹 표준을 정의하는 W3C 입니다. 구현 부분은 각각의 브라우저에 존재하며 각 브라우저를 만드는 업체의 기술력을 바탕으로 DOM의 내부 동작 코드를 채워 구현한다. DOM 표준 정의에 맞지 않는 형식의 함수명이나 기능으로 구현을 해놓은 브라우저일 경우 웹 표준을 지원하지 않는 브라우저라고 부른다고 하네요~ - 간단한 DOM구조 HTML문서 HEADER TEXT - 간단한 DOM구조 HTML문서2 HEADER TEXT 자바스크립트의 dom구조란 쉽게 말해서 html문서안에 h1이라던지 내용을 ja..

자바스크립트의 alert, prompt, confirm 경고창에 대해서 한번 알아보겠습니다~ 1. alert(경고창) Alert함수는 사용자에게 중요한 내용이나 경고창을 띄워줄 때 주로 사용하는 함수입니다. 여러가지 창 중에서 가장 많이쓰이는 기본적인 형태의 팝업창입니다. alert("어서오세요!"); 2. Prompt(입력)창 Prompt함수는 사용자에게 입력값을 받을 수 있는 창을 띄워주는 함수입니다. 사용자에게 받은 값을 String타입의 리턴값으로 반환해주며 입력값이 없을경우에는 Null값을 리턴합니다. var userInput = prompt("당신의 이름은 무엇인가요?"+""); alert(userInput+"님 환영합니다."); 3. Confirm(선택)창 Confirm함수는 사용자에게 Tu..

브라우저에서 창닫기(x창)을 누르면 경고창을 띄워보려고 하는데요~ 방법은 크게 두 가지가 있습니다~ 한번 살펴보도록 하죠~ 1) 자바스크립트만 이용하기~ 2) html에서 onBeforeUnload를 이용해서 경고창 띄우기 이런식으로 자바스크립트나 브라우저를 닫을 때 쓰는 함수를 사용하여 경고창을 띄울 수 있는데요~ 중요한 점은 익스0 크롬x 라고 합니다. 크롬에서는 잘 작동을 안하더라고요~ㅎㅎ;; 그럼 이제 적용을 해서 사용해도록 하시죠~ *참고링크 onBeforeUnload함수 - https://chobbang.com/5

소스를 새로 만들 때, 리팩토링이나 디버깅은 필수인데요~ㅎㅎ node.js도 피할 수 없는 문제입니다~ 요번 내용은 exports라는 놈을 사용하는 것인데요~ 이는 외부 모듈을 불러오게 해줄 수 있습니다. 우선 server.js를 파일을 만들고 외부모듈을 불러올 수 있도록 준비를 해보도록 합시다~ - server.js var http = require('http'); function start(){ http.createServer(function (request, response) { response.writeHead(200,{ 'Content-Type': 'text/html;charset=UTF-8', }); response.end('node.js 구동 완료!!'); }).listen(10001, fu..

자바스크립트란??선마이크로시스템즈와 네스케이프에서 공동으로 개발한 스크립트 언어HTML문서의 동작을 정적으로 표현할 수 있는 언어이다. HTML Form값을 가공하거나 검사하여 서버쪽으로 보낸다든지 사용자의 입력을 제어한다든지사용자에게 메시지를 보내는 등으로 활용할 수 있다.HTML 문서 안에 자바스크립트로 작성된 코드를 넣어 둠으로써 브라우저에서 실행가능하도록 한다. 인터프리터 언어로써 브라우저에 의해 실행될 때마다 번역이 이루어짐.. 자바스크립트는 스크립트 언어로써 스스로 실행 가능하지 않다 따라서 자바스크립트를 지원하지 않는 브라우저에서는 자바스크립트 코드를 무시하게 된다. 자바스크립트 함수함수란 특정 기능을 구현한 코드를 독립된 단위로 만들어 재사용하고자 할 때 사용하는 문법이다. 함수를 사용하여..