Document 객체 웹 페이지 그 자체 웹 페이지에 존재하는 HTML 요소에 접근하고자 할때 만드시 Document 객체부터 시작해야한다. Document 메소드 Document 객체는 HTML 요소와 관련된 작업을 도와주는 다양한 메소드를 제공 - HTML 요소의 선택 - HTML 요소의 생성 - HTML 이벤트 핸들러 추가 - HTML 객체의 선택 HTML 요소의 선택 HTML 요소를 선택하기 위해 제공되는 메소드는 다음과 같다. document.getElementsByTagName(태그이름) 해당 태그 이름의 요소를 모두 선택함. document.getElementById(아이디) 해당 아이디의 요소를 선택함. document.getElementsByClassName(클래스이름) 해당 클래스에 속..

먼저 onClick함수의 가장 기본적인 부분을 동작하도록 코드를 작성하였다. onClick function Click me 위의 코드는 버튼을 클릭하면 아래와 같이 Hello World가 p 속성안에 들어가게되어서 화면에 출력되도록 작성하였다. 다음으로는 시간을 나타내 보겠다. 버튼 클릭하면 시간 나타내기 What is the time? 다음으로는 글자를 클릭하면 빨간색으로 변하도록 해보겠다. 클릭 시 빨간색으로 바꾸기 Click this text to change the color 다음으로는 입력한 글자를 복사해서 input박스에 넣어보도록 하겠다. 글자 복사해서 field에 넣기 Field1: Field2: Clicking "Copy" triggers a function that copies the ..

이번에는 정규식을 사용해서 문제를 풀었다. 정규식을 다 외우기는 어렵지만, 그래도 좀 알아놓으면 좋을 것 같다! :) 아래는 정규표현식에 대해 잘 정리해 놓은것을 들고왔다. 더보기 # 정규표현식이란?(Regular Expression: Regex) 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다. (이런걸 형식 언어, formal languange라고 합니다.) 정규표현식을 이용하면, 특정 패턴에 매칭되는 문자열을 쉽게(?) 찾아낼 수 있습니다. 예를 들어 010-1111-2222 라는 전호번호는 "숫자3개", "-", "숫자4개", "-", "숫자4개" 로 이루어져 있는데, 정규표현식으로 아래와 같이 패턴을 만들어주면, 특정 문자열이 해당 패턴에 맞는지 체크할 수 있습니다. const ..

이번에는 reverse함수를 사용하여, 숫자를 뒤집어 봤는데! reverse함수를 reverse().join()로 입혀서 해결하였다. 여기 문제에서는 상근이의 동생은 숫자를 거꾸로 읽기에... 우선 문제의 숫자를 공백으로 나눠주고, 그 숫자 하나하나를 ""로 split하여 그 문자는 reverse와 join을 통해 뒤집어 숫자 크기를 비교하여 출력하여 줬다. 문제와 답안은 아래와 같다. 내 생각에는 상근이가 더 똑똑한 천재임에 틀림없다고.. 생각한다.. 이게 더 어려워..^^... 문제 상근이의 동생 상수는 수학을 정말 못한다. 상수는 숫자를 읽는데 문제가 있다. 이렇게 수학을 못하는 상수를 위해서 상근이는 수의 크기를 비교하는 문제를 내주었다. 상근이는 세 자리 수 두 개를 칠판에 써주었다. 그 다음에..

문제 문자열 S를 입력받은 후에, 각 문자를 R번 반복해 새 문자열 P를 만든 후 출력하는 프로그램을 작성하시오. 즉, 첫 번째 문자를 R번 반복하고, 두 번째 문자를 R번 반복하는 식으로 P를 만들면 된다. S에는 QR Code "alphanumeric" 문자만 들어있다. QR Code "alphanumeric" 문자는 0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ\$%*+-./: 이다. 입력 첫째 줄에 테스트 케이스의 개수 T(1 ≤ T ≤ 1,000)가 주어진다. 각 테스트 케이스는 반복 횟수 R(1 ≤ R ≤ 8), 문자열 S가 공백으로 구분되어 주어진다. S의 길이는 적어도 1이며, 20글자를 넘지 않는다. 출력 각 테스트 케이스에 대해 P를 출력한다. 예제 입력 1 복사 2..

indexOf함수를 알아보았으니 이와 비슷한 chartAt(), 문자열[index]함수를 알아보자. chartAt() 함수 활용 하기 str.charAt(index) charAt 함수는 주어진 문자열의 index 위치의 문자를 읽어서 리턴합니다. index는 0부터 시작합니다. index 값이 입력되지 않으면, index 값은 자동으로 0으로 지정됩니다. 대괄호 인덱스 활용 하기 (문자열[index]) 배열의 index를 접근하듯이 대괄호( [ ] )와 index를 활용하여, 특정 index의 문자를 읽을 수 있습니다. charAt(index) 함수 vs 문자열[index] charAt(index) 함수와 문자열[index] 구문의 가장 큰 차이점은, 위 예제와 같이 index값으로 범위를 벗어나는 값이..