Web programing 42

Javascript 함수 function

/* * http://sosal.kr/ * made by so_Sal */ 다른 언어와의 차이점은 없다. 역시나 프로그래밍 언어의 함수이다. :: 함수 function :: 자바스크립트 내용을 간략한 이름으로 정의해 놓은것. 내용별로 구분하여 정의 가능 함수로 정의해 놓은 내용을 반복 사용 가능 수정이 쉽다. 함수는 실행되지 않고 기억만 한다. function func_name(a,b) { 함수 내용 } function :: 함수를 정의 (이것은 함수임을 알 수 있다.) 함수 이름 :: 함수의 이름으로 내용을 정의할 수 있다. 이름을 통하여 함수를 불러와 사용 가능 func_name() 함수를 호출하여 실행하게 한다. (a,b)는 함수 안에 들어갈 매개변수를 말한다. ex) I Love you를 100번..

Javascript 제어문 if, switch, for

/* * http://sosal.kr/ * made by so_Sal */ 프로그램 안에서 원하는 기능을 구현하기 위해 만들어 놓은 형식 어떤 특정 조건 하에 특정 조건을 반복 :: 제어문 어떤 언어에서든지 동일한 기능을 함. 프로그램을 구조화 시킨다. 특정위치로 이동. 같은 기능을 반복하는 등의 역할을 한다. ** if :: 조건 제어문 ** if ( 조건 ) { } 조건이 참이면 { } 내부안에 들어가게 된다. if문이 틀렸다면, 나머지 전부의 뜻으로 if(){ } else { } else가 쓰인다. else에서는 if가 만족하지 않을때 들어가게 한다. // else에는 조건이 없다 . if(조건){ } else if ( 조건){ } else{ } //else if에는 if라는 조건이 틀렸을때, 또다..

Javascript onkeypress, onkeydown 키보드 이벤트

/* * http://sosal.kr/ * made by so_Sal */ onkeypress :: 키보드 이벤트. 화면에서 키보드를 눌렀을때 이벤트를 발생시켜준다. ㅎㅎ body 태그 안에서 사용 하는 이유는 브라우저 전체에서 onkeypress를 작동시키기 위함이다. body는 브라우저 몸체 전체를 포함하기 때문. onkeydown :: 문서가 활성화 되어있는 상태에서 키보드를 눌렀을때 나타나는 이벤트 핸들러 onkeypress와 아주 유사합니다. ** onkeypress와 onkeydown 의 차이점 ** onkeypress :: 아스키 코드에 포함되어 있는 모든 값들 onkeydown :: 확장 키보드값. 어떤 키가 눌리던지 항상 실행된다. .. onkeydown이 onkeypress보다 이벤트가..

Javascript - 이벤트 onclick

/* * http://sosal.kr/ * made by so_Sal */ * 이벤트 사용자에 의한 발생. ex) 클릭, 새창 열기, 키보드 누르기.. 등 :: 이벤트 handler :: 이벤트를 내부 tag의 property식으로 사용하는것으로, html의 태그 내부에서 사용한다. -> 대소문자 구분 x event handler의 값은 스크립트 문법에 따른다. 클릭 :: 클릭했을때 // onclick go sosal 클릭하세요 sosal을 클릭하면 alert 이벤트 발생 -> 확인 클릭 후 텍스트링크로 이동 alert 이벤트가 발생하면, 확인을 누르기 전까지 이후에 발생하는 스크립트의 실행이 종료됨 alert 안에 들어가는 인자는 ' 싱글쿼트로 묶어줘야한다. 스크립트에서 " 는 시작과 끝을 컴퓨터가 알..

Javascript 이벤트 Prompt 메소드

/* * http://sosal.kr/ * made by so_Sal */ prompt() 메소드 사용자가 문자열을 입력할 수 있는 부분이 추가되어서 사용자가 요구하는 것을 반영할 수가 있다. 확인 버튼 -> 입력값을, 취소 버튼은 NULL 값을 반환 prompt() 메소드의 변수로는 사용자가 문자열을 입력할 수 있는 문자열 부분이 하나 더 존재한다. prompt는 첫번째 인자는 스크립트 프롬프트 : 아래에 설명하는 글이고, 두번째 인자는 입력창 안에 넣는 글을 초기화 하는 내용입니다. 예제

Javascript 이벤트 Confirm 대화상자

/* * http://sosal.kr/ * made by so_Sal */ confirm() confirm은 alert와 함께 대표적인 대화상자입니다. -> 확인과 취소를 선택할 수 있는 대화상자를 만들어줍니다. confirm으로 표시하는 이벤트창들은 일반적으로 사용자에게 어떠한 조건을 부여한 후 사용자가 그 조건을 선택하여 실행하도록 하게 합니다. 조건을 적용하기 때문에 if문과 함께 많이 쓰이게 됩니다. -> 확인버튼은 True, 취소 버튼은 False값을 반환합니다. alert와는 다르게 ? 가 뜨네요. (확인 누르고 싶네요) 그럼 예제를 한번 볼께요

Javascript 이벤트 Alert 대화상자

/* * http://sosal.kr/ * made by so_Sal */ 대화상자 :: 사용자에게 어떤 내용을 알려주는것 alert() alert 메소드는 인자로 전달받은 문자열을 새로운 메시지 창에 표시하고, 사용자가 확인버튼, (혹은 ok)을 누를때 까지 alert 이후의 스크립트 내용이나 html 문서 내용에 대한 실행을 잠시 중단함 매개변수는 () 안에 들어가게 됩니다. 사용되는 경우? -> 폼 입력(id, pw 입력칸)에서 잘못된 자료가 발견된 경우 ex) 비밀번호가 틀렸거나 아이디를 적지 않을경우.. -> 계산 결과가 오류를 발생시키는 경우 -> 특정 서비스가 주어진 환경에서 수행 불가능할 때 사용자 경고 ex) 당신은 admin 페이지에 권한이 없습니다. 등. 사용법 그럼 정말 alert(..

Javascript 연산자 사용법

/* * http://sosal.kr/ * made by so_Sal */ javascript의 변수는 숫자로 구성되어 있다면, 숫자의 연산이 자료형에 관계 없이 가능합니다. (사실 자료형이 없지만..) a=10,b=5 c=a+b document.write(c); // 15가 출력됩니다. c=a/b document.wrtie(c); // 0.5가 출력됩니다. 훌륭하네요. c언어처럼 자료형을 따로 맞출필요가 없습니다. document.write(a==b); //false가 출력됩니다. 10과 5는 같지 않습니다. document.write(a!=b); //true가 출력됩니다. 10과 5는 다른게 맞습니다. 비교구문에서 &&는 좌측, 우측 하나라도 틀리면 false 비교구문에서 || 는 좌측, 우측 하나라..

Javascript 변수의 선언, 초기화, 사용

/* * http://sosal.kr/ * made by so_Sal */ 변수의 선언 var [변수이름] var :: 데이터형 var Temp :: var형의 변수 Temp 선언 * 첫번째 문자는 반드시 영어 or '_'로 시작해야한다. * 한글을 사용할 수 없다. (하지만 직접 입력하는 값들은 한글을 지원함) * var,document,write 등 예약어(기본적으로 정의되어 있는 문자열)는 변수명으로 사용할 수 없다. 변수의 초기화 var Temp Temp = 100 Temp = "Hello" Temp = "안녕" var Temp1 = 100 ::선언과 동시에 변수의 초기화