# Javascript 사용 목적

   - javascript 를 사용하는 이유는 <body> 안의 어떤 태그를 사용자의 이벤트에 반응할 수 있도록 제어하기 위함이다.

   - HTML 태그요소 제어? 

     : 해당 태그의 시작과 끝 사이에 어떤 내용을 새롭게 지정하거나 기존 내용을 삭제하는 것 의미.





# Javascript 내장 함수


1. Javascript 내장 함수?


   : 웹 페이지 작성 시 사용되는 보편적인 기능들을 웹 브라우저 개발사에서 미리 정의하여 웹브라우저 안에 내장해 놓은 함수.


2. 주요 내장 함수

 

 Number(문자열)

 주어진 문자열의 변수를 실제 숫자형으로 변환 

 isNaN(문자열)

 주어진 문자열이 숫자로 변환 할 수 없는 문자열인 경우 true, 숫자로 변환 가능한 경우 false 반환 

 **   NaN: Not a Number

 parseInt(문자열)

 주어진 문자열 변수를 실제 숫자형으로 변환 

 confirm(문자열)

 확인/취소 대화창 표시 

 ** Number() 와 parseInt() 차이

    : 대부분 동일한 결과를 리턴하지만, 실수 형태를 반환할 경우 서로 다른 결과를 리턴한다. (parseInt는 정수형만 다룬다)

    : Number ("100.1") --> 100.1

      parseInt("100.1") --> 100  




3. Javascript 에서의 Id 속성
    - 여러 개의 id 값이 중복될 경우 javascript에서는 가장 첫번째 요소에게만 동작한다.
       --> document.getElementById("");


4. Javascript 내장 객체

   4.1 값 처리 위한 내장객체

   

 Date

 시스템의 현재 날짜 시작 조회 및 계산 기능 제공 

  - 주의: javascript 에서는 월에 대한 값이 0부터 시작됨. 원하는            날짜에서 한 달 작은 값 설정 필요

  - 현재날짜 출력: getFullYear(), getMonth() + 1, getDate()

  - 현재시간 출력: getHours(), getMinutes(), getSeconds()

 Array 

 배열에 관련된 기능 제공 

  - var arrayTest = new Array();

  - var arrayTest = [ ] ;

  - Java와 다르게 javascript는 배열의 크기가 유동적으로 변화       가능하다

 String

 문자열 객체 제공 

 Math 

 삼각함수, 지수, 로그 등 수학과 관련된 각종 고급 함수 제공 

  - int round( ): 반올림

  - int floor( ): 소수점 이하 값 버림

  - int ceil( ): 소수점 이하 값 올림



    4.2 값 처리 위한 내장객체


 window

 브라우저 창에 대한 모든 상황을 제어하는 최상위 객체. javascript의 모든  브라우저 제어 관련 내장객체는 window 객체의 하위에 존재한다. 

  - window 객체 명시하는 것은 생량 가능하다. 

    원래는 window.내장객체이름.함수이름(); 호출하는 것이 정식.

  - window.open("페이지URL") : 새로운 탭 오픈

  - window.close()  혹은 self.close() : 현재 창 닫기

 location 

 url 정보를 제어하는 개체. 페이지 이동, 현재 주소 조회, 새로 고침 등의  기능을 제공한다.

  - 속성: href, host, hostname, port, pathname, protocol, search 

           (search: url에 포함된 파라미터 조회) 

  - location.reload() : 페이지 새로고침

 history 

 웹 블우저에 기록되어 있는 히스토리 정보 제어 

  - 브라우저의 뒤로/앞으로 버튼 기능 수행 객체

  - back(), forward() 함수 내장

  - history.back() : 이전 페이지로 이동하기

 navigator 

 브라우저 종류 판별 및 브라우저 정보 조회

  - 속성: appName, platform, userAgent, appVersion

           (appName: 브라우저 이름, platform: 브라우저 설치된 시스템 환경, userAgent: 웹 브             라우저의 종류와 버전, appVersion: 웹 브라우저의 버전)




    4.3  HTML 문서를 제어하기 위한 내장객체


 document

 문서에 대한 정보, 즉 HTML 문서의 각 요소들을 제어하기 위한 기능. javascript 의 핵심객체!!

 form 

 입력양식 컴포넌트를 위한 개별 객체 포함 






__________________________________________________________________________________________________________________________________________________________

** 본 포스팅에 대해 수정해야할 부분이나 추가 의견 등이 있으신 분들은 댓글 달아주세요. 언제나 환영입니다 :) 

** 본 포스팅은 아래의 reference 들을 참고하여 내용을 덧붙인 글입니다. 혹시, 문제가 되는 경우 알려주시면 조치하도록 하겠습니다.

** 본 포스팅을 reference 자료로 참고하실 분들은 출처를 꼭 밝혀주시기 바랍니다.


  - 책: [Javascript, jQuery, Ajax 완벽가이드], 저자: 주영아 이광호, 출판사: Interpress




'UX' 카테고리의 다른 글

[WebSquare5] 웹스퀘어5 연동  (0) 2017.04.29
AJAX 통신 기초  (0) 2017.02.26
jQuery 기초  (0) 2017.02.26
Javascript 기초  (0) 2017.02.26
[Error] maven 프로젝트 checkout 후 JSP 파일 에러  (0) 2017.01.29

+ Recent posts