Learn & Record

1. 참가신청 최종 - 화살표 함수와 일반 함수는 this가 다름 - this를 사용하려면 이벤트 리스너의 콜백 함수에서 화살표 함수를 사용하지 않거나 - this대신 event.currentTarget을 사용 참가 신청 신청 2. 주문 프로그램 - 1) id값 또는 class 값을 요소에 접근 방법 - id 값이나 class 값을 사용해 폼 요소에 접근하는 방법은 DOM의 다른 요소에 접근하는 것과 같음 - querySelector() 함수나 querySelectorAll() 함수를 사용해서 특정 id값이나 class 값을 가진 요소에 접근 할 수 있음 - 텍스트 필드에 있는 값을 가져오기 위해서는 텍스트 필드에 접근하는 소스 뒤에 value속성을 붙임 console.log(document.getEle..

1. 묵시적 변환 - Any형은 자료형이 특별히 정해지지 않은 경우에 사용 - 코틀린의 Any형은 모든 클래스의 뿌리. Int나 String 그리고 사용자가 직접 만든 클래스까지 모두 Any형의 자식 클래스 - 즉 코틀린의 모든 클래스는 바로 이 Any형이라는 슈퍼클래스 (Superclass)를 가짐 - * Any는 자바의 최상위 클래스인 Objcet와 비슷하지만 서로 다른 유형 - Any형은 무엇이든 될 수 있기 때문에 언제든 필요한 자료형으로 자동변환 할 수 있음 - 이것을 묵시적 변환이라고 함 fun main() { var a: Any = 1 // Any형 a는 1로 초기화될 때 Int형이 됨 a = "one" // Int형이었던 a는 변경된 값에 의해 String이 됨 println("a: $a ..

1. 연습문제 - 휴대폰 유효성 판별 2. 폼태그 관련 Select - 드롭다운 목록 활용하기 - 드롭다운 목록은 select 태그로 구현. 드롭 다운 목록을 선택했을 때(값이 변경 되었을 때) 어떤 것을 선택했는지 출력 - select 태그 Event = 'change' 떡볶이 순대 오뎅 튀김 선택: 떡볶이 3. Multiple - multiple select 태그 : select 태그에 multiple 속성을 부여하면 ctrl이나 shift를 누르고 복수의 항목을 선택 가능 떡볶이 순대 오뎅 튀김 선택: 떡볶이 4. checkbox - 이벤트 이름 : change - 체크박스 활용하기 - 체크박스의 체크 상태를 확인할 때는 입력양식의 checked 속성을 사용 - 체크 상태일때만 타이머를 증가시키는 ..

1. 프로젝트 생성 - 코틀린 프로젝트 (JDK 17) 생성 - 패키지 생성 후 > 코틀린 파일 생성 2. 코틀린 - Kotlin 코틀린은 2017년 안드로이드 공식 개발 언어로 지정 - 안드로이드의 개발 환경은 Java 언어를 중심으로 확장되어 왔는데, 새로운 개발 언어들 도입함 - 구글이 코틀린을 안드로이드 공식 언어로 지정한 이유는 코틀린이 현대적인 언어로서 갖는 장점들 때문 - 코틀린의 장점 - 코틀린은 자바와 100% 상호 호환되면서도 더 현대적이고 간결. 때문에 자바와 코틀린 코드를 같이 사용가능 - 코틀린은 Null Pointer Exception이 발생할 수 있는 코드를 금지하고 Null에 대해 안전한 코드를 간결하게 표현 지원 - 코틀린은 '타입추론'을 지원. 때문에 저적 타입 지정 언어..

1. 이벤트 설정하기 - 이벤트 event : 모든 문서 객체는 생성되거나, 클릭되거나, 마우스를 위에 올리거나 할 때 발생. - 이벤트가 발생할 때 실행할 함수는 addEventListener()메소드를 사용해서 콜백 함수로 등록 - 문서객체.addEventListener(이벤트 이름, 콜백 함수); - 이벤트가 발생할 때 실행할 함수(콜백 함수)를 이벤트 리스너 event Listener 또는 이벤트 핸들러 event handler 라고 함 클릭 횟수 : 0 2. 이벤트 해제하기 - 이벤트를 제거할 때는 removeEventListener() 메소드를 사용 - 문서 객체.removeEventListener(이벤트 이름, 이벤트 리스너); 클릭 횟수 : 0 이벤트 연결 이벤트 제거 이벤트 연결 상태: ..

1. 버튼+함수 // // addEventListener 메서드는 동일한 요소에서 발생한 동일한 이벤트에 대해 // 하나 이상의 이벤트 핸들러를 등록할 수 있음 Click me! 2. 이벤트 핸들러 제거 - addEventListener 메서드로 등록한 이벤트 핸들러를 제거할려면 EventTarget.prototype.removeEventListener() 메서드 - removeEventListener 메서드에 전달할 인수는 addEventListener 메서드와 동일 - 단, addEventListener 메서드에 전달된 인수와 removeEventListener 메서드에 전달한 인수가 일치하지 않으면 - 이벤트 핸들러가 제거되지 않음 Click me! 3. 연습문제 클릭 제거 Register! - 배..