코딩짜는 일상

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

TIL

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

Remily 2025. 7. 15. 08:43
반응형

📕 오늘 배운 것

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 작성중...😅

반응형