새로운 (2024) WGU 웹 개발 응용 프로그램 시험 덤프 [Q29-Q49] : 시험 연구소의 뇌 자료 : http://blog.examslabs.com

시험 연구소 브레인덤프
https://blog.examslabs.com/ko/2024/10/새로운-2024-wgu-웹-개발-응용-프로그램-시험-덤프-q29-q49/
내보내기 날짜: Tue Dec 24 12:59:30 2024 / +0000 GMT

새로운 (2024) WGU 웹-개발-응용 프로그램 시험 덤프 [Q29-Q49]

새로운 (2024) WGU 웹-개발-응용 프로그램 시험 덤프

WGU 웹 개발-응용 프로그램 시험을 위한 가장 좋은 공부 방법 훌륭한 웹 개발-응용 프로그램 시험 문제 PDF

새 질문 29
웹 디자이너가 다음 HTML 코드를 작성합니다:

첫 번째 줄에만 적용되는 CSS 선택기는 무엇인가요?

#Welcome

.Welcome

1TP5헤더

.header

새 질문 30
최종 사용자가 페이지가 로드될 때 질문에 대한 답변으로 텍스트를 입력할 수 있는 방법은 무엇인가요?

쓰기

확인

프롬프트

알림

새 질문 31
응용 프로그램이라는 이름의 파일에는 다음과 같은 내용이 포함되어 있습니다:

개발자가 애플리케이션에 어떤 속성을 설정해야 하나요? Appchache로 설정해야 네 개의 파일이 캐시되나요?

요소의 src 속성

요소의 srcset 속성

의 매니페스트 속성은 <html> 요소

요소의 href 속성

새 질문 32
입력에 대한 실제 값을 지정하지 않고 입력 필드에 도움말 텍스트를 표시하는 속성은 무엇인가요?

기본값

For

자리 표시자

이름

새 질문 33
다음 CSS가 주어집니다:

구성 중인 항목은 무엇인가요?

캔버스에 렌더링하기

브라우저에서 처리

서버에서 처리

새 질문 34
개발자는 웹사이트의 탐색, 바닥글 및 세 단락 중 처음 두 단락에 빨간색 글꼴 색상을 적용해야 합니다.
개발자는 다음 코드를 작성합니다:

이 개발자의 목표는 어떤 CSS를 아카이브할까요?

콘텐츠

패딩

마진

border

새 질문 35
웹 페이지에는 다음과 같은 CSS 코드가 있습니다:

개발자가 CSS를 호출할 때 어떤 선택기를 사용해야 하나요?

속성

스타일

클래스

새 질문 36
다음 CSS 코드가 주어집니다:

어떤 유형의 선택기가 사용되나요?

그룹

클래스

요소

새 질문 37
개발자가 2D 평면에서 요소를 수평으로 재배치하려면 어떤 CSS 변환 방법을 사용해야 하나요?

스큐엑스(각도)

스케일(x,y)

번역(n)

Scalex(n)

새 질문 38
다음 CSS 문이 주어집니다:

뷰포트 너비가 800픽셀 이상일 때 글꼴 색상을 변경하는 코드 세그먼트는 무엇인가요?

새 질문 39
입력된 데이터가 5자리 우편번호이거나 빈 문자열인지 확인하는 마크업은 무엇인가요?

<입력 유형="숫자" 값="s"

입력 필요 최소="초" 최대="초"

입력 클래스 = "(0-9) (5)">>

새 질문 40
웹 디자이너가 웹 페이지에 이미지를 삽입합니다.
이 디자이너는 선 이미지와 주변 요소 사이에 픽셀 단위의 공간을 확보하기 위해 어떤 CSS 속성을 사용해야 하나요?

콘텐츠

패딩

마진

border

새 질문 41
오버레이 요소의 기본 동작은 무엇인가요?

마지막으로 나열된 요소가 맨 위에 표시됩니다.

나열된 마지막 요소가 하단에 표시됩니다.

나열된 첫 번째 요소는 보이지 않음

나열된 첫 번째 요소는 투명

새 질문 42
HTML5에는 어떤 기능이 도입되었나요?

HTML 파일에 CSS 추가

엄격한 XML 구문 규칙 준수

여러 웹 페이지로 하이퍼링크하는 기능

기본 드래그 앤 드롭 기능

HTML5는 웹 개발 기능을 크게 향상시키는 몇 가지 새로운 기능을 도입했습니다. 주목할 만한 기능 중 하나는 기본 드래그 앤 드롭 기능입니다.
* 기본 드래그 앤 드롭 기능:
* 설명: HTML5에서는 개발자가 드래그 가능한 속성과 드래그 이벤트 인터페이스를 사용하여 기본적으로 드래그 앤 드롭 인터페이스를 만들 수 있습니다. 즉, 외부 자바스크립트 라이브러리 없이도 웹 페이지 내에서 요소를 끌어서 놓을 수 있습니다.
* 구현:
* 요소 드래그 가능 만들기: 요소를 드래그할 수 있게 만들려면 드래그할 수 있는 속성을 true로 설정합니다:
<div id="”drag1″" draggable="”true”">드래그하세요!</div>
* 드래그 이벤트 처리하기: 드래그 시작, 드래그 오버, 드래그 드롭과 같은 드래그 이벤트에 이벤트 리스너를 사용합니다:
document.getElementById("drag1").addEventListener("dragstart", function(event) { event.dataTransfer.setData("text", event.target.id);
});
document.getElementById("dropzone").addEventListener("dragover", function(event) { event.preventDefault();
});
document.getElementById("dropzone").addEventListener("drop", function(event) { event.preventDefault(); var data = event.dataTransfer.getData("text"); event.target.appendChild(document.getElementById(data)));
});
* 예시: 이 예는 간단한 드래그 앤 드롭 작업을 보여줍니다:
html
코드 복사
<div id="”drag1″" draggable="”true”">드래그하세요!</div>
<div id="”dropzone”" style="”width:" 200px; height: border: 1px solid black;”>여기 드롭</div>
* 참고:
* W3C HTML5 사양 - 드래그 앤 드롭
* MDN 웹 문서 - HTML 드래그 앤 드롭 API
* HTML5 닥터 - 드래그 앤 드롭
HTML5의 기본 드래그 앤 드롭 기능은 타사 라이브러리가 필요 없어 대화형 웹 애플리케이션을 제작하는 과정을 간소화하여 HTML 표준에 강력한 추가 기능을 제공합니다.

새 질문 43
다음 자바스크립트 코드가 주어집니다:

이 코드가 실행되면 어떻게 되나요?

데모 ID를 가진 개체가 x로 변경됩니다.

id가 innerHTML인 개체가 6으로 변경됩니다.

데모가 있는 개체가 6으로 변경됩니다.

id가 innerHTML인 객체가 x로 변경됩니다.

새 질문 44
캐스케이딩 스타일 시트(CSS)의 목적은 무엇인가요?

웹 페이지 콘텐츠 구조화 및 설명

기존에 플러그인으로 제공되던 기능 제공

웹 페이지의 콘텐츠를 동적으로 변경하기

페이지 콘텐츠가 렌더링될 때 표시되는 방식을 정의하는 규칙 설정하기

캐스케이딩 스타일 시트(CSS)는 레이아웃, 색상, 글꼴 및 기타 시각적 스타일 등 웹 페이지의 표현을 제어하는 데 사용됩니다. HTML 및 JavaScript와 함께 월드와이드웹의 초석 기술입니다. 자세한 내용은 다음과 같습니다:
* CSS의 목적: CSS는 레이아웃, 색상, 글꼴 등의 요소를 포함하여 문서 콘텐츠(HTML 또는 유사한 마크업 언어로 작성)를 문서 프레젠테이션에서 분리할 수 있도록 설계되었습니다. 이러한 분리는 콘텐츠 접근성을 개선하고, 프레젠테이션 특성 지정에 더 많은 유연성과 제어 기능을 제공하며, 여러 웹 페이지가 서식을 공유하고, 구조적 콘텐츠의 복잡성과 반복을 줄일 수 있습니다.
* 시각적 규칙 설정: 개발자는 CSS를 사용하여 웹 페이지의 다양한 요소를 표시하는 방법을 지정하는 규칙을 정의할 수 있습니다. 예를 들어 CSS 규칙은 텍스트 색상, 글꼴 크기, 요소 사이의 간격, 심지어 웹 페이지의 전체 레이아웃까지 변경할 수 있습니다. 브라우저는 이러한 규칙을 적용하여 정의된 스타일에 따라 웹 페이지를 렌더링합니다.
* 캐스케이딩 특성: CSS에서 "캐스케이딩"이라는 용어는 여러 스타일 시트를 결합하고 서로 다른 CSS 규칙 간의 충돌을 해결하는 프로세스를 의미합니다. 이를 통해 개발자는 계층적 방식으로 결합할 수 있는 다양한 스타일 정보 소스를 사용할 수 있습니다. 예를 들어 브라우저 스타일시트, 외부 스타일시트 및 인라인 스타일은 모두 웹 페이지의 최종 렌더링에 기여할 수 있습니다.
* CSS의 장점:
* 일관성: 개발자는 CSS를 사용하여 여러 웹 페이지에서 일관된 모양과 느낌을 유지할 수 있습니다.
* 유지보수성: CSS를 사용하면 HTML 구조를 변경하지 않고도 웹 페이지의 시각적 표현을 쉽게 업데이트할 수 있습니다. 이는 특히 대규모 웹사이트를 유지 관리하는 데 유용합니다.
* 재사용성: CSS 규칙을 여러 페이지에서 재사용할 수 있으므로 중복을 줄이고 변경 사항을 전 세계적으로 쉽게 구현할 수 있습니다.
* CSS 예시:
css
코드 복사
body {
배경색: 하늘색;
}
h1 {
색상: 네이비;
여백-왼쪽: 20px;
}
이 예제에서는 본문 요소에 하늘색 배경색을 지정하고 h1 요소에 네이비 색상과 20픽셀의 왼쪽 여백으로 스타일을 지정했습니다.
참조:
* CSS의 MDN 웹 문서
* W3C CSS 사양

새 질문 45
자바스크립트에서 함수를 올바르게 정의하는 코드 세그먼트는 무엇인가요?

무효 addNumbers(a, b)

함수 addNumbers (a, b)

Void addNumber(int a, int b)

함수 addNumber (in a, int b)