안녕하세요! 4번째 과제에서는 이번 시즌에 가장 중요하다고 볼 수 있는 DOM객체와 이벤트 처리에 대해 알아보도록 하겠습니다 DOM이란? DOM 이란 Document Object Model의 약자입니다. 번역하자면 문서 객체 모델인데요. 여기서의 문서는 HTML 문서를 말한다고 이해하시면 됩니다. document 위와 같은 HTML문서를 실행하고 개발자 모드에 들어가면 콘솔에 document가 출력되고, 펼쳤을 때 웹 문서의 소스를 볼 수 있습니다. 이를 통해 document는 웹 문서 자체를 가리키는 DOM요소 중 하나라는 것을 알 수 있습니다. document가 웹 문서 자체를 가리키기 때문에 수정 또한 가능합니다. document.write()를 활용해 문서를 수정해 보겠습니다. body 에는 h2..

이벤트란? 이벤트란 키보드에서 키를 누르는 것이나, 브라우저가 웹 페이지를 불러오는 것처럼 사용자가 행하는 동작을 이벤트라고 합니다. 하지만 이벤트는 웹 문서 영역 안에서 이루어지는 동작들만을 말하는 것이니 이 점 유의하시길 바랍니다. 마우스 이벤트 먼저 마우스를 동작하였을 때의 이벤트를 살펴보도록 하겠습니다. click : 사용자가 HTML 요소를 클릭할 때 이벤트가 발생합니다 dbclick : 사용자가 HTML 요소를 더블클릭 했을 때 이벤트가 발생합니다 mouseover : 마우스 포인터가 요소 위에 옮겨질 때 이벤트가 발생합니다 mouseout : 마우스 포인터가 요소를 벗어날 때 이벤트가 발생합니다 폼 이벤트 Form 은 로그인창이나 검색창처럼 정보를 입력하는 요소들을 말합니다. 폼 요소에 내용..

안녕하세요! 저번 함수 알아보기 게시물에 이어서 함수를 더 편리하고 간편하게 사용할 수 있는 방법들을 공부해 보겠습니다. 익명함수 익명함수는 말 그대로 이름이 없는 함수입니다. 전 게시글의 함수들은 모두 함수명을 표기하였습니다. 하지만 익명 함수는 이름 없이 선언할 수 있습니다. function(a, b){ return a + b; } 여기서 잠깐! 익명 함수는 이름이 없는데 어떻게 호출하고 실행할까요?? 익명함수는 함수 자체가 표현식이기 때문에 함수를 변수에 대입하거나 다른 함수의 매개변수로 사용할 수 있습니다. 말이 좀 어렵지만 다음 코드를 보면서 차근차근 이해해 봅시다. var sum = function(a, b){ return a + b; } console.log(sum(10, 5)); 실행결과 ..

안녕하세요! 첫 번째 과제에서는 자바 스크립트의 함수에 대해 공부하고자 합니다 ✏️ 함수란? 먼저 자바스크립트에서 함수란 하나의 동작을 하기 위한 코드 덩어리라고 설명할 수 있습니다. 함수를 정의하면 코드를 간결하게 사용할 수 있을뿐더러, 명령의 목적을 확실하게 구분할 수 있어 편리합니다. 함수를 사용하는 방법은 다음과 같습니다. 함수를 만들 때 이름을 붙이고 필요할 때 함수의 이름을 사용해 실행 1번과 2번을 각각 함수를 선언한다, 함수를 호출한다고 합니다. 함수의 기본형은 다음과 같습니다. function 함수명() { 명령 } 다음 코드를 보면서 함수를 선언하고 호출하는 방법을 알아봅시다. 실행결과 >> 11 addNumber() 함수를 정의하였습니다. addNumber() 함수는 3+8의 결과를 ..

패키지 선언 패키지의 물리적인 형태는 파일 시스템 폴더 패키지는 클래스의 일부분, 클래스를 유일하게 만드는 식별자 역할 클래스의 전체 이름은 패키지 이름 + 클래스 이름 package 상위패키지.하위패키지; 패키지 이름 작성 규칙 숫자로 시작해선 안되고 _, $를 제외한 특수 문자를 사용해서는 안된다 java로 시작하는 패키지는 자바 표준API에서만 사용하므로 사용해서는 안된다 모두 소문자로 작성하는것이 관례 import 문 사용하고자 하는 클래스 또는 인터페이스가 다른 패키지에 소속되어 있을 때 사용 import 상위패키지.하위패키지.클래스이름; import 상위패키지.하위패키지.*; 접근제한자 클래스 및 인터페이스 그리고 이들이 가진 멤버의 접근을 제한 public : 외부 클래스가 자유롭게 사용할 ..

인터페이스 객체의 사용 방법을 정의한 타입 개발 코드와 객체가 서로 통신하는 접점 역할 개발 코드가 인터페이스의 메소드를 호출하면 인터페이스는 메소드를 호출시킴 → 개발코드가 객체 매부 구조를 알 필요가 없고 인터페이스의 메소드만 알고 있으면 됨 인터페이스를 왜 사용하는가? → 개발 코드를 수정하지 않고 사용 객체 변경 → 리턴값 다양화 인터페이스 선언 물리적 형태는 클래스와 동일 [public] interface 인터페이스이름 { … } 첫 글자는 대문자로 하고 나머지는 소문자로 작성하는 것이 관례 상수필드와 추상 메소드만을 구성 멤버로 가짐 객체를 생성할 수 없기 때문에 생성자를 가질 수 없음 interface 인터페이스이름 { //상수 타입 상수이름 = 값; //추상 메소드 타입 메소드이름 ( 매개..

isnumeric() 은 문자열 클래스의 함수 입니다. 문자열이 모두 숫자라면 True, 그렇지 않다면 false를 반환합니다. if not userInput.isnumeric(): print("숫자를 입력하세요.") else: userNum = int(userInput) 숫자로만 이루어져 있지 않은 문자열을 userInput에 저장하면 userInput.isnumeric 은 false를 반환합니다.

무작위의 숫자가 필요할 때 사용하는 random 라이브러리를 사용해보겠습니다. 무작위의 숫자 import random 위 코드를 입력하여 random 라이브러리를 불러오라고 지시합니다. num = random.randrange(1, 11) print("무작위 숫자 : ", num) 위의 코드를 입력하면 무작위 숫자를 출력합니다. randrange() 함수는 두 수 사이에서 무작위로 숫자 하나를 고릅니다. 따라서 random.randrange(1, 11) 이것은 1부터 11사이의 무작위 수를 골라온다는 의미입니다. (11은 포함하지 않습니다.) 무작위의 문자 숫자가 아닌 무작위의 문자를 골라야 할 때에는 choice() 함수를 사용합니다. str = "앞뒤" print(random.choice(str), ..