SeSAC 33일차 / Java Script

SeSAC 33일차(2023-08-31)
Java Script

---

 

1. request.getParameter(”b”)
2. service 객체
3. service.함수(1번)
4. 3번 결과 출력

 

실습 1

• Dynamic Web Project
• Project: WebFrameJDBCProject
• html
  • main.html, top.html, left.html, right.html,
  • listEmp.html, insertEmp.html, updateEmp.html, viewEmp.html, registerEmp.html
  • deleteAction.html, insertAction.html, updateAction.html
• jsp
  • action.jsp, index.jsp, viewEmp.jsp, loginForm.jsp
  • insertAction.jsp, loginAction.jsp

 

JavaScript

• 자바 스크립트 기본
  • <script></script>
    • 자바 스크립트를 사용하기 위해서는 HTML에 <script>와 </script> 사이에 자바 스크립트 문장들이 들어간다.
    • <script> 태그에는 LANGUAGE와 SRC 특성을 기술할 수 있다.
      • LANGUAGE 특성: 스크립트 언어와 버전을 기술
      • SRC 특성: 스크립트 언어의 소스파일 기술
        • ex) <script src=hello.js>
  • document.write(”출력할 내용”), document.writeln(”출력할 내용”)
    • 문자열 출력

    안녕하세요 <br>
    <script>
    	document.write("Hello World");
    </script>
    

  • alert(”메시지 내용”)
    • 경고 메시지 창
    • ex) alert(”경고 메시지”);
  • confirm(”메시지 내용”)
    • 확인, 취소 버튼 있는 메시지 창
  • prompt(”메시지 내용”)
    • 사용자에게 입력값 받는 메시지 창
  • function 함수 만들기
    • function 함수이름(매개변수) { 코드입력 }
    • 함수 호출시 함수이름(매개변수);

 

• 자바 스크립트 변수
  • &{변수이름};
    • HTML에서 자바 스크립트 변수를 사용할 때는 &로 시작하고 끝에 ;를 기술

 

• 자바 스크립트 자료형
  • var 예약어를 이용하여 변수 선언
  • 숫자형
  • 논리형
  • 문자열
  • null

 

• 자바 스크립트 연산자
  • 할당 연산자
    • +=
  • 비교 연산자
    • ==, !=, >, >=, <, <=
  • 산술 연산자
    • +, -, *, /, %, ++, —
  • 비트 연산자
    • &, |, ^, ~, <<, >>, >>>
  • 문자열 연산자

 

• 자바 스크립트 제어문
  • IF~ELSE
  • FOR
  • WHILE
  • DO~WHILE
  • SWITCH

 

• 자바 스크립트 함수와 객체
  • 함수
    • function function_name (arguments) { … }
    • 웹 브라우저에서 선언된 함수는 같은 페이지에 있거나, 다른 윈도우, 프레임에 선언된 함수를 호출할 수 있다.
    • 리턴 타입은 기술하지 않는다.
  • 객체
    • 자바스크립츠의 객체는 어트리뷰트와 메소드를 가지고 있다.
    • 생성자 함수를 호출해서 만들 수 있다.
      1. 생성자 함수를 기술해서 객체의 타입을 정의한다.
      2. new 키워드를 이용해서 객체를 만든다.

 

• 자바 스크립트의 객체 체계
  • window
    • 각 프레임에 놓여진 객체들과 넷스케이프의 출력창을 처리하기 위한 메소드와 프로퍼티 제공
    • 특성(변수)
      • closed, defalutStatus, document, Frame, frames, history, length, location, name, opener, parent, self, status, top, window
    • 메소드
      • alert, blur, clearTimeOut, close, confirm, focus, open, prompt, setTimeOut
    • 이벤트 핸들러
      • onBlur, onError, onFocus, onLoad, onUnload
  • location
    • 현재 연결된 URL과의 상호 교신을 위한 메소드와 프로퍼티 제공
  • history
    • 연결되었던 웹 사이트의 URL을 저장하고 있는 넷스케이프의 히스토리 기능을 운용하기 위한 메소드와 프로퍼티 제공
  • document
    • 폼, 링커, 자바 애플릿과 같이 웹 페이지와 관련된 객체들을 처리하기 위한 하위 객체와 메소드, 프로퍼티 제공
    • 특성(변수)
      • alinkColor, Anchor, anchors, Applet, applets, Area, bgColor, cookie, domain, embeds, fgColor, Form, forms, Image, images, lastModified, linkColor, Link, links, referrer, title, URL, vlinkColor
    • 메소드
      • close, open, write, writeln
    • 이벤트 핸들러
      • none
  • string
    • 문자열 처리위한 메소드와 프로퍼티 제공
  • math
    • 수학 연산 함수 제공
  • date
    • 날짜 데이터 처리 메소드 제공
  • form
    • 특성(변수)
      • action, Button, Checkbox, elements, encoding, FileUpload, Hidden, length, method, name, Password, Radio, Reset, Select, Submit, target, Text, Textarea
    • 메소드
      • reset, submit
    • 이벤트 핸들러
      • onReset, onSubmit

 

실습 2

• Dynamic Web Project
• Project: JavaScriptProject
• html
  • index.html
• java script
  • hello.js

 

기타

• var 데이터 타입
  • var은 데이터 타입을 추론하여 적용되는 방식
  • ex) var a = promt(”이름을 입력하세요”);

 

오늘의 실습 코드

https://github.com/yubin-im/SeSAC/tree/4d002820eb20375842c45a5f4afe7fd8622889e9/20230831