본문 바로가기

자바스크립트

[JavaScript] 달력 만들기
2018. 4. 15. 달력 만들기 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 td { width: 60px; height: 60px; text-align: center; font-size: 20px; font-family: 바탕; border:2px dotted #AC58FA; border-radius:8px;} Calender var today = new Date(); // 오늘 날짜//지신의 컴퓨터를 기준으로//today 에 Date..
[JavaScript] 계산기
2018. 4. 15. Calculator var flag = false; function input(num) { if (flag == false) { cal.text.value=""; flag = true; } cal.text.value += num; } function posit() { answer(); cal.text.value = (cal.text.value)*-1; } function answer() { var str = cal.text.value; var strArray = str.split('^'); var findValue = "^"; cal.text.value = eval(cal.text.value); if (str.indexOf(findValue) != -1) { //만약 내 출력 값에 ^가 들어간다면 cal..
[JavaScript] 이미지 자동 변경
2018. 4. 15. 이미지 자동 변경 1234567891011121314151617181920212223 방문할 때마다 변하는 이미지 var imgArray = new Array(); imgArray[0] = "sakura.jpg"; imgArray[1] = "sakura2.jpg"; imgArray[2] = "sakura3.jpg"; function showImage() { var imgNum = Math.round(Math.random()*2); var objImg = document.getElementById("introImg"); objImg.src = imgArray[imgNum]; setTimeout("showImage()", 3000); } 7~9 : 파일명.확장자15 : 밀리세컨드로 지정
[JavaScript] 대화상자와 함수
2018. 4. 8. JavaScript 대화상자와 함수 대화상자와 함수 경고창window.alert(경고 메세지); 확인창var result = window.confirm(확인 메세지); 입력창var result = window.prompt();var result = wondow.prompt(질문 메세지, 기본값); 사용자 정의 함수자바 스크립트가 제공하는 함수 이외에 사용자가 임의의 함수를 정의하고 사용 function 함수명(매개변수들){ (매개 변수의 개수가 넘지 않으면 자동적으로 앞쪽부터 채워져서 실행이 된다)실행할 내용return 반환 값;} 함수의 호출은 스크립트 내부나 각 html 태그의 이벤트 핸들러를 지정하는 곳에서 사용 할 수 있다. 자바와 비교 자바 자바스크립트public void bbb(int x, i..
[JavaScript] JavaScript란?
2018. 4. 8. JavaScript란? JavaScript란? JavaScript는 웹 페이지를 동적으로, 프로그래밍 적으로 제어하기 위해서 고안된 언어다. 그렇기 때문에 오늘날 가장 중요한 플랫폼이라고 할 수 있는 웹 브라우저에서 유일하게 사용 할 수 있는 프로그래밍 언어이다. 최근에는 HTML5의 적용이 가속화 되면서 지금까지 모바일 환경에서 네이티브 앱(안드로이드,IOS)으로 구현해왔던 기능이 웹에서도 대부분 구현 할 수 있게 되고 있다. 웹이 크로스플랫폼이라는 점, 검색이 가능하다는 점, 네이티브 디바이스를 제어 할 수 있는 하드브리드 시스템이 존재한다는 점에서 웹의 중요함은 더욱 확대 될 전망이다. 자연스럽게 웹에서 구동되는 유일한 언어인 JavaScript의 중요함도 점점 커질 것으로 예상된다. 작성 규칙 ●..
[Web][Front-End] 회원가입 만들기
2018. 4. 7. HTML/JavaScript로 회원가입 만들기 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 setInterval 메소드 function previewString(){ var objResult = document.getElementById("result"); var objText = document.getElementById("tbString"); var objFontColor = document.getElementById..
[Web] Web Programming이란?
2018. 4. 6. Web Programming Web Programming이란? World Wide Web(www)의 통신 규약에 따라 컴퓨터 간에 데이터를 주고 받는 네트워크 프로그램이다. Hyper Text Markup Language(HTML)은 웹에서의 서비스를 구현하기 위해 사용하는 텍스트 기반의 프로그램 언어이다. 웹 프로그래밍 언어인 JSP,ASP,PHP등을 사용하여 정적 페이지인 HTML을 동적으로 변화 시키면서 사용할 수 있다. Web Programming 실행 흐름 웹 서비스를 지원하는 서버 프로그램이 가동되어 있어야 한다. 사용자는 웹 브라우저에서 해당 서버의 URL을 입력한다. 웹 서버는 대기 상태에 있다가 요청이 오면 그에 대한 응답 데이터를 전송 한다. 웹 브라우저는 전송 받은 데이터를 파싱하여 ..

티스토리툴바