[JavaScript] 일단 만드는 JavaScript

JavaScript

• document.write() : 화면 출력
• parseInt() : 정수형으로 변환
• Math.random() : 0~1 사이의 랜덤값 반환
•  indexOf() : 배열 내에 값 없으면 -1 반환
• 그냥 .sort()를 하면 사전 순으로 정렬 돼서, 숫자 오름차순으로 정렬하려면 .sort((a, b) =>a-b)라고 작성해야 한다. (b-a로 하면 내림차순 정렬)
• console.log() : 콘솔에 출력

DOM (Document Object Mode)

• document.getElementByld(id).value : 해당 id가 가리키는 태그 내 값 가져옴
• document.getElementByld(id).innerHTML : 해당 id가 가리키는 태그 내에 값 입력
• onkeydown 이벤트
• .substring(n, m) : n 이상 m 미만 인덱스의 내용만 출력

jQuery

• $(선택자).행위
• $('#content').val()
• $('#content').click(함수 이름) : jQuery로 이벤트 처리   (** 함수 이름 뒤에 괄호 X)
• $('#content').fadeIn()
• $('#content').animaate({css})
• $('#content').css({css})
• $('#content').text()
• 함수에 complete 인자를 주면 실행한 함수의 동작이 모두 종료된 이후에 complete 부분의 함수가 실행됨

Object

• 객체 내 함수 호출할 때는 객체.키()    (** 키 뒤에 괄호)
• Date() 함수
  • var now = new Date(); : 현재 기준 date 객체 생성
  • var start = new Date('2022-05-14'); : 특정 날짜 기준 date 객체 생성
  • .getFullYear(), .getMonth(), .getDate(), getTime()

 

---

강의 듣고 궁금한 거

1. 태그 내 값 변경할 때 .value, .innerHTML 둘 다 사용하던데 뭐가 다른 거지?
   • <input value="값"/> : value 사용
   • <div>값</div> : innerHTML 사용
   • innerHTML는 말 그대로 html를 넣는 것으로, div나 p 등에 내용을 넣는 것을 의미함!
2. jQuery 이벤트 처리에서 호출하는 함수의 이름 뒤에 괄호 안 쓴다 했는데, 그러면 함수에 값 넘겨줘야 할 땐 어떻게?