[현대이지웰 Java 풀스택 개발자 아카데미 6월] TIL 8일차 - javascript, jQuery

📕 오늘 배운 것

javascript

1. 객체(object)

• 브라우저 객체
  • setInterval()
• 문서 객체 모델(DOM)
  • 문서 내 요소(태그) 제어 메서드
    • 요소 생성
      • 동적 태그 객체 생성
    • 요소 속성 변경
    • 요소 참조
• 이벤트
  • 이벤트 리스너
  • 이벤트 핸들러
• 폼 객체
  • 폼 객체 사용법
  • 유효성 확인

jQuery

1. jQuery란?
2. 사용 방법
   • 다운로드 / CDN

 

 

 

📙 새로 알게 된 것

• setInterval() 사용시 보안 이슈
  • setInterval('함수명()', 1000) 의 형태로 사용시 문자열이 넘어가면 보안상 이슈가 있을 수 있다고 비권장한다고 하셨다. 인터넷에서 찾아본 자세한 이유는 아래와 같다.
    1. 크로스 사이트 스크립팅(XSS) : '함수명()' 부분에 공격자가 다른 코드를 삽입해 브라우저에서 실행되도록 할 수 있음.
    2. 문자열 기반 코드는 가독성이 떨어지고 디버깅이 어려워 실수나 오류를 찾기 힘듬.
  • 권장되는 방식은 setInterval(함수명, 1000) 과 같은 형태이다.
• Form 객체 간단 사용법
  • form 태그의 name만 작성해도 해당 폼 객체에 접근할 수 있다는 것을 알게됨

      <form name="newForm">
          // 폼 내용 작성...
      </form>
      <script>
          newForm.target.focus();
      </script>

• 여러개의 Form태그 사용 시
  • document.forms[인덱스] 의 형태로 작성된 순서대로 인덱스 번호를 입력해 접근 가능!
• input 태그의 autofocuse 옵션
  • 페이지 로딩이 끝나면 autofocuse 옵션이 걸린 요소에 자동으로 포커스 들어감.

 

 

 

📗 오늘 회고

밀린 TIL 작성중...😅