전체 글(120)
-
JAVASCRIPT 14 - querySelector
getElementsByName("네임명") getElementsByClassName("클래스명") aler()로 경고창 띄우기 document.querySelector('#아이디명') document.querySelector('.클래스명') document.querySelectorAll(), document.getElementsClassName()으로 받은 요소들은 모두 2개이상이므로 배열로 저장되기 때문에 for()으로 브라우저에 표시할 수 있다. document.querySelector() 에 name을 넣을 때 (태그명[name=네임명]) -> name=을 잊지말자. document.querySelectorAll()로 획득한 요소들을 for()로 반복. querySelectorAll('.클래스명'..
2023.09.14 -
JAVASCRIPT 11
문자 분리 - slice() 사용 * object 생성자 함수로 객체를 만들어 객체에서 미리 정의된 함수를 참조해서 시간출력하기 생성자 함수 기본틀 function 함수명() {} 변수명 = new 함수명(); 으로 객체 생성 생성자 함수에서 start함수 선언 -> start 함수에서 현재시간을 불러와 출력한다. 변수명.start()로 start()함수를 실행한다. pr.start()를 주석처리하면 start()가 실행되지 않는다. 내 코드 ※ 시행착오 : 생성자 함수에 clock이라는 함수를 정의할 때 function 키워드 빠뜨리고 setInterval(function(){코드}, 1000);를 clock 함수에 대입해서 오류가 발생했다. 생성자 함수에서 함수를 정의할 때 반드시 'function(..
2023.09.12 -
JAVASCRIPT 10 생성자 함수
생성자 함수 1 생성자 함수로 객체 생성 2 선언된 함수를 오버라이딩하기 오버라이딩 : 함수 재정의 upgrade 함수를 선언하고 24줄에서 upgrade 함수 호출한 다음 beverage.pay()를 호출하면 upgrade 함수에서 재정의한 함수가 출력된다. ※ 오타주의 ※ 1~6까지 랜덤으로 숫자가 표시되는 객체를 생성해서 출력하시오 Date 객체로 날짜 불러오기 interval : 간격 setInterval에서 동작을 시작하고 나면 일정시간마다 동작한다. setInterval(func, delay) -> delay 마다 func 동작한다. 비동기 호출 -> 호출따로 결과 받는 거 따로 내 코드 실행결과 1초마다 갱신된 시간이 1라인으로 표시된다. 1줄 출력되고 나서 그 뒤에 이어지지 않고 1줄에서만..
2023.09.11 -
003 구간 합 구하기
문제 A 배열: 5 4 3 2 1 S 배열: 5 9 12 14 15 여기에서 A배열이 인덱스가 1부터 시작할 때, 2번째부터 4번째 요소의 합을 구하려면 구간 합을 이용하면 구할 수 있다 S[4] - S[2-1] = 14 - 5 = 9 A[2] + A[3] + A[4] = 4 + 3 +2 = 9 1, 2 , 3 -> stringTokenizer 에 새로운 객체를 생성한다. 왜 똑같은 변수에 3번이나 객체를 새로 생성할까? 3번 객체 생성을 하는 이유는 한 줄에 데이터를 입력할 때 입력한 데이터를 분리하기 위해 StringTokenizer를 사용하는데 이 데이터를 3줄에 입력하기 때문에 데이터를 입력할 때 StringTokenizer 객체를 생성하는 것이다. 첫 줄에 데이터의 갯수, 질의 갯수를 입력해야 ..
2023.09.09 -
JAVASCRIPT 07 함수
함수 자바스크립트에서 반드시 함수 선언을 먼저 하고 그 후에 함수를 호출해야 동작한다. ※ 반대로 선언은 뒤에서 하고 함수 호출을 먼저 하면 오류가 발생한다. 예제 내 코드 ※ 시행착오 : 매개변수로 사용될 정수를 입력받을 때 prompt() 함수를 사용했다. prompt() 함수로 입력받은 정수는 사실 문자열 타입이므로 mySum함수에서 + 연산을 하면 문자끼리 나란히 붙을 뿐 더하기 연산이 안 된다. parseInt()로 정수로 바꿔주어 정수로 만든다. ※ 배열의 행과 열을 바꿔서 해결하는 예제 - matrix[i][j] -> matrix[j][i] 행렬의 행과 열을 for()으로 반복할 때 먼저 열을 for()로 반복하고 두번째로 행을 for() 반복하는 것이 중요하다. 그렇게 바꿔서 이중 for(..
2023.09.08 -
JAVASCRIPT 05 2차원배열
예제) 2차원 배열을 2개 선언 및 초기화하고 각각의 배열의 각 요소의 값을 더해서 출력한다. *** 자바스크립트에 2차원 배열이 없다. 2차원 배열은 배열명 = [ [값,값,값], [값,값,값] ]; 으로 초기화 할 수 있다. 그리고 이중 for()으로 초기화 없이 선언만 할 수 있다. let array3 = new Array(행); for(let i = 0; i < array3.length; i++) { array3[i] = new Array(열); } 시행착오 2차원배열명.push(70); // 2차원배열에 값만 추가한 경우 2차원 배열에 1차원 배열을 추가한 경우 내 코드 - 변수를 2개 썼는데 위 코드처럼 변수를 1개로 줄이면 좋겠다 1차원배열을 2차원배열로 바꾸기 내 코드
2023.09.07