so_sal　

/* * http://sosal.kr/ * made by so_Sal */ 포스팅 17.Javascript에서는 html에서 form이라는 태그에 대해서 살펴보았습니다. 그럼 이제 form 객체에 대해서 볼까요? form 객체 :: document 객체 하위에 있는 내장 객체 태그를 자바스크립트로 정의 폼 형식의 내용을 가져오거나 서버로 제출 document.form명.type명.속성(or 메소드, 이벤트) 이번에서는 실제 Javascript 'document' 객체 하위에 있는 내장객체 form으로 정의하여 type.method(or 속성, 이벤트) 등을 사용하는 방법을 이번장에서 보겠습니다 일단 간단한 form 객체를 만들어보겠습니다. NAVER 홍보글이 되어버린듯한? (사실 IU 홍보임) ㅋㅋㅋ아 ..

/* * http://sosal.kr/ * made by so_Sal */ form 은 그냥 태그입니다. 이를 자바스크립트와 연동시켜야 하는데.. 지금 포스팅 되는 글은.. 사실 자바스크립트가 아니랍니다 .. >_< 그리고 이번 게시글 만으로는 form 태그를 실용적으로 사용하긴 힘듭니다. 아주 단편적인 정보들을 간략하게 소개하는 정도로 올리는 글이므로.. ;; 검색으로 들어오시는 분들에게는 부족한 정보가 많다고 생각되는군요! 아.. 그럼 일단 ㄱㄱ.. form 태그 : 사용자와 정보를 주고, 받는 기능을 담고 있는 객체입니다. ㅋㅋ Html 태그는 정보를 제공하는 역할은 하지만 사용자와 정보를 주고받는 상호작용에 대한 역할은 미약.. 하죠 ㅎㅎ 오늘은 엄청난 스크롤 압박을 보게될.. 것이므로.. 천천...

/* * http://sosal.kr/ * made by so_Sal */ Array 객체. 사용될 내용들에 번호를 매겨 체계적으로 정렬하여 사용할 수 있도록 하는 객체. 배열 객체 정의 방법 a = new Array(n) a는 객체의 이름. new :: 객체를 정의해주는 연산자 (내장 객체인 Array 객체를 만들겠다.) n :: 매개변수의 개수. 객체에 사용될 내용들에 번호를 주는데, 그 번호의 수 ** 배열의 속성과 메소드 * length() : 배열의 개수 연산 메소드 -> 배열명.length ex) document.write(a.length) -> 위에서 3개를 만들었으므로 ' 3 ' 출력 * join() : 특정 기호를 사용해서 문자열로 나열한다. ex) document.write(a.join..

/* * http://sosal.kr/ * made by so_Sal */ * 객체 :: 작업의 대상이 되는것 (작업의 대상의 예를 들면 들면 붕어빵, 자동차..) 객체 지향 :: 같은 특성을 가지는 대상을 새롭게 만들어서 사용 객체 기반 :: 만들어져 있는 대상(내장 객체)을 사용하여 속성을 바꿈. (자동차의 색, 붕어빵에 들어갈 양념을 바꾼다는 등..) ** Javascript는 객체지향이지만, 거의 내장객체를 사용하기 때문에 객체 기반으로 분류한다. ** * 속성 :: 객체의 상태. * 메소드 :: 속성을 가지는 객체의 동작 방식을 설정 객체를 생성할때 속성과 메소드도 새로 만들어진다. 속성과 메소드를 새로 만드는것은 * 생성자 * 함수가 역할을 한다. 생성자 :: 객체를 정의할때 속성과 메소드를 ..

/* * http://sosal.kr/ * made by so_Sal */ :: 내장함수 :: function이란 함수 명령으로 새로운 함수를 정의하지 않고 간단한 명령어를 사용하여 그 기능을 대신하는것. // 새로 만드는 것이 아닌, 자바스크립트 내부에 이미 존재하는 함수들 alert(), prompt() 또한 내장함수로 볼 수 있다. :: eval() :: 내용을 계산하도록 하는 함수. (문자열을 수식으로 바꿔주는 함수) 계산할 수식을 eval함수의 매개변수로 입력한다면 입력된 매개변수를 계산하여 출력한다. 보통 prompt를 이용해 입력 받은 내용으로 계산할 때 사용한다. :: isNaN() :: Nan = Not a Number. 변수에 입력한 값이 숫자인지 아닌지 판별하는 함수. 혹시나 결과값이..

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

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

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

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

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