Dev_Swoody

DOM 트리의 노드요소 노드: 모든 HTML 태그를 의미합니다.텍스트 노드: 태그의 텍스트 내용입니다.속성 노드: 태그의 속성입니다.주석 노드: 주석입니다. DOM에 접근하기getElementById(id): id명으로 접근합니다.getElementsByClassName(class): 클래스명으로 접근하며 여러 요소가 배열 형태로 저장됩니다.getElementsByTagName(tag): 태그명으로 접근하며 여러 요소가 배열 형태로 저장됩니다.querySelector(): id명이나 선택자를 사용해 접근합니다.querySelectorAll(): 클래스명이나 태그명의 선택자를 사용해 접근합니다. 여러 노드가 노드 리스트 형태로 저장됩니다.속성 가져오기 및 수정하기 getAttribute(속성)..

객체 알아보기 객체(object): 프로그램에서 인식할 수 있는 모든 대상 프로퍼티(property): 객체의 특징이나 속성 메서드(method): 객체에서 할 수 있는 동작 객체 인스턴스 만들기 new 객체명 객체의 프로퍼티와 메서드 사용하기 객체명.프로퍼티 객체명.메서드 자바스크립트 내장 객체 종류 설명 window 브라우저 창이 열릴 때마다 하나씩 만들어집니다. 브라우저 창 안의 요소 중에서 최상위에 있습니다. docum..

var, let, const로 선언한 변수 비교 구분 var let const 스코프 함수 레벨 블록 레벨 블록 레벨 재할당 가능 가능 불가능 재선언 가능 불가능 불가능 함수 선언하고 호출하기 function 함수명() { // 함수 선언하기 명령 } 함수명() 또는 함수명(변수) // 함수 호출하기 ..

변수 변수(variable)란? 프로그램을 실행하는 동안 값이 여러 번 달라질 수 있는 데이터를 말합니다. 변수 작성 규칙 변수의 이름은 대소 문자를 구별하여 작성합니다. 영문자와 숫자, 언더스코어(_)만 사용하며 숫자로 시작할 수 없습니다. 자료형 종류 속성값 기본유형 숫자형 따옴표 없이 숫자로만 표시됩니다. 문자열 작은따옴표('')나 큰따옴표("")로 묶어서 나타냅니다. 논리형 ..

12장 정리 미디어 쿼리의 속성 종류 설명 width, height 웹 페이지의 가로 너비, 세로 높이 min-width, min-height 웹 페이지의 최소 너비, 최소 높이 max-width, max-height 웹 페이지의 최대 너비, 최대 높이 device-width, device-height 단말기의 가로 너비, 세로 높이 min-device-width, min-device-height 단말기의 최소..

변형 함수 translate() 함수: 요소 이동하기 transform: translate(tx, ty) 지정한 크기만큼 x축과 y축으로 이동합니다. transform: translate(tx, ty, tz) 지정한 크기만큼 x축, y축, z축으로 이동합니다. transform: translateX(tx) 지정한 크기만큼 x축으로 이동합니다. transform: translateY(ty) 지정한 크기만큼 y축으로 이동합니다. transform:..

문제백준 1377번 버블 소트 / 골드2버블 소트 알고리즘을 다음과 같이 C++로 작성했다.bool changed = false;for (int i=1; i A[j+1]) { changed = true; swap(A[j], A[j+1]); } } if (changed == false) { cout 위 소스에서 N은 배열의 크기이고, A는 정렬해야 하는 배열이다. 배열은 A[1]부터 사용한다.위와 같은 소스를 실행시켰을 때, 어떤 값이 출력되는지 구해보자.입력첫째 줄에 N이 주어진다. N은 500,000보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 A[1]부터 A[N]까지 하나씩 주어진다. A에 들어있는 수는 1,000,0..

문제백준 17298번 나머지 합 / 골드4크기가 N인 수열 A = A1, A2, ..., AN이 있다. 수열의 각 원소 Ai에 대해서 오큰수 NGE(i)를 구하려고 한다. Ai의 오큰수는 오른쪽에 있으면서 Ai보다 큰 수 중에서 가장 왼쪽에 있는 수를 의미한다. 그러한 수가 없는 경우에 오큰수는 -1이다.예를 들어, A = [3, 5, 2, 7]인 경우 NGE(1) = 5, NGE(2) = 7, NGE(3) = 7, NGE(4) = -1이다. A = [9, 5, 4, 8]인 경우에는 NGE(1) = -1, NGE(2) = 8, NGE(3) = 8, NGE(4) = -1이다. 입력첫째 줄에 수열 A의 크기 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에 수열 A의 원소 A1, A2, .....

연결 선택자 종류 형식 설명 하위 선택자 상위요소 하위요소 상위 요소에 포함된 모든 하위 요소를 선택합니다. 자식 선택자 부모요소 > 자식요소 부모 요소에 포함된 자식 요소만 선택합니다. 인접 형제 선택자 요소1 + 요소2 요소1 이후 맨 먼저 오는 형제 요소를 선택합니다. 형제 선택자 요소1 ~ 요소2 요소1과 형제인 모든 요소를 선택합니다. 속성 선택자 ..

배경 이미지 관련 속성 종류 설명 background-color 배경색을 지정합니다. background-clip 배경색이나 이미지를 어디까지 적용할지 지정합니다. background-image 배경 이미지를 지정합니다. background-repeat 배경 이미지의 반복 방법을 지정합니다. background-position 배경 이미지의 위치를 지정합니다. background-ori..