20.12.04-10일차

🐹Events

이벤트: 웹브라우저에서 마우스 또는 키보드로 하는 행위

• 웹브라우저가 웹페이지를 로딩(loading) 완료했을때
• 웹페이지에 대하여 마우스로 클릭을 하는 경우
• 웹페이지의 입력양식에 키보드로 입력하는 경우
  목적: 자바스크립트 코드를 호출(실행)하고자 하는 목적

🐾HTML DOM Events

HTML DOM Events - 이벤트 목록

🐹Strings

• 텍스트를 저장하고 조작하는 데 사용.
• 따옴표 안에 쓰여진 0개 이상의 문자.
• 작은 따옴표 또는 큰 따옴표 사용 가능.

🐾Escape Charater
문자열은 따옴표로 묶어야하므로 JavaScript는이 문자열을 오해한다.
ex)

var x = "We are the so-called "Vikings" from the north.";

이 문제를 해결하기 위해서 'backslash escape character'를 사용

ex) (\')
var x = 'It\'s alright.';
ex) (\")
var x = "We are the so-called \"Vikings\" from the north.";
ex) (\\)
var x = "The character \\ is called backslash.";

🐾String Length
문자열의 길이를 반환
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
결과: 26

🐾indexOf() 문자열에서 문자열 찾기
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.indexOf("locate");
document.getElementById("demo").innerHTML = pos;
결과: 7

• JavaScript는 0부터 위치를 계산
  0은 문자열의 첫번째 위치, 1은 두번째, 2는 세번째...

🐾lastIndexOf()
마지막 발생 인덱스를 반환
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("locate");
document.getElementById("demo").innerHTML = pos;
결과: 21

indexOf() 및 lastIndexOf() 둘다 텍스트를 찾을 수 없는 경우 -1을 반환
ex)
var str = "Please locate where 'locate' occurs!";
var pos = str.lastIndexOf("John");
결과: -1

🐾문자열 부분 추출

• slice(start, end)
• substring(start, end)
• substr(start, end)

👉slice()
문자열의 일부르 추출하고 추출된 부분을 새 문자열로 반환
ex)
var str = "Apple, Banana, Kiwi";
var res = str.slice(7, 13);
결과: Banana

• 매개 변수가 음수이면 위치는 문자열의 끝부터 계산된다.
• 두번째 매개 변수를 생략하면 메소드가 나머지 문자열을 잘라낸다.

👉substring()

• slice와 유사하다.
• 차이점은 음수 인덱스를 허용하지 않는다.

👉substr()

• slice와 유사하다.
• 차이점은 두번째 매개변수가 추출된 부분의 길이를 지정한다.

🐾replace()

• 지정된 값을 문자열의 다른 값으로 바꿔준다.
  str = "Please visit Microsoft!";
  var n = str.replace("Microsoft", "W3Schools");
  결과: Please visit W3Schools!

• 기본적으로 첫번째 일치 항목만 바꾼다.
  str = "Please visit Microsoft and Microsoft!";
  var n = str.replace("Microsoft", "W3Schools");
  결과: Please visit W3Schools and Microsoft!

• 대 소문자를 구분한다.

• 대 소문자를 구분하지 않으려면 /i 를 사용한다.
  str = "Please visit Microsoft!";
  var n = str.replace(/MICROSOFT/i, "W3Schools");

• 모든 일치 항목을 바꾸려면 /g 를 사용한다.
  str = "Please visit Microsoft and Microsoft!";
  var n = str.replace(/Microsoft/g, "W3Schools");

🐹Numbers

🐾정확도
정수는 최대 15자리까지 정확하다.

🐾NaN - 숫자 아님
ex)var x = 100 / "Apple";
결과: NaN

🐾isNaN(변수)
변수의 값이 NaN 인지 체크하는 명령어

🐾toString()
숫자를 문자열로 반환
ex)var x = 123;
x.toString();             // returns 123 from variable x
(123).toString();        // returns 123 from literal 123
(100 + 23).toString(); // returns 123 from expression 100 + 23
결과:
123
123
123

Number methods - 숫자에 대한 더 많은 내용.

🐹참고

javascript - 더 자세한 내용은 요기