본문 바로가기

혼자공부하는자바스크립트16

07 -2 자바스크립트 문서 객체 - 이벤트, 이벤트 모델 이벤트 이벤트가 발생할 때 (ex click) 실행할 함수는 addEventListener() 메소드를 사용한다. 형태 : 문서객체.addEventListener(이벤트 이름, 콜백 함수) - 콜백 함수를 이벤트 리스너 또는 이벤트 핸들러라고 부른다. 이건 이벤트가 발생할 때 실행하는 함수다. 이벤트를 제거할 때는 removeEventListener() 메소드를 사용한다. 이벤트 모델 이벤트 모델 : 이벤트를 연결(add)하는 방법 표준 이벤트 모델 : addEventListener() 등의 메소드를 사용하는 방법 2022. 4. 12.
06 -3 얕은 복사(참조 복사)와 깊은 복사(... 전개 연산자) 객체에 없는 속성에 접근하면 undefined 자료형이 나온다. 얕은 복사 : 단순히 다른 이름을 붙이는 형태 뿐인 복사 const a = [1, 2] const b = a b.push(3) b.push(4) console.log(a) // [1, 2, 3, 4] console.log(b) // [1, 2, 3, 4] => 이름(a, b)만 다르지 같은 배열 값이 나온다. 반대로, 깊은 복사 : 복사한 배열이 각각 완전히 독립적으로 작동한다. - 최신 자바스크립트의 전개 연산자를 사용해 [...배열] 같이 입력하면 된다. const a = [1, 2] const b = [...a] b.push(3) b.push(4) console.log(a) // [1, 2] console.log(b) // [1, 2,.. 2021. 12. 13.
06-2 String 객체의 메소드(trim, split)와 JSON 객체에 대하여 String 객체의 기본 메소드 : trim(), split() trim() : 문자열 양쪽 끝의 공백 없애기 split() : 문자열을 특정 기호로 자르기 그 밖에 길이를 카운트해주는 length(), 문자열이 시작하는 위치(인덱스)를 출력하는(없으면 -1) indexOf() 메소드 JSON 객체 인터넷에서 문자열로 데이터를 주고 받을 때는 CSV, XML 등의 다양한 자료 표현 방식을 사용할 수 있다. 현재 가장 많이 사용되는 자료 표현 방식은 JSON 객체이다. JSON : 자바스크립트의 객체처럼 자료를 표현하는 방식 대부분의 프로그래밍 언어는 JSON 형식의 문자열을 읽는 기능이 있다. 아래는 JSON을 사용해서 '나'를 표현한 것이다. { "name" : "yejin", "age" : 25, ".. 2021. 10. 10.
04 -2 자바스크립트 for in 반복문, for of 반복문, for 반복문 for in 반복문 - 배열과 함께 사용 가능 - 배열 요소를 하나하나 꺼내서 특정 문장을 실행할 때 사용 - 근데 for of 반복문이나 for 반복문을 활용하는 것이 좋다. 실습 for of 반복문 반복 변수 of 배열 또는 객체의 형태 실습 for 반복문 - 특정 횟수만큼 반복하고 싶을 때 사용 실습 - 1부터 100까지 숫자 더하기 실습 - 반복문과 배열 ※ 혼자 공부하는 자바스크립트 04-2 참고 2021. 3. 19.