매달, 우리는 1000명 이상의 사람들이 시험 준비를 잘하고 시험을 잘 통과할 수 있도록 도와줍니다.
WGU Web Development Applications (KVO1) 온라인 연습
최종 업데이트 시간: 2025년12월09일
당신은 온라인 연습 문제를 통해 WGU Web Development Applications 시험지식에 대해 자신이 어떻게 알고 있는지 파악한 후 시험 참가 신청 여부를 결정할 수 있다.
시험을 100% 합격하고 시험 준비 시간을 35% 절약하기를 바라며 Web Development Applications 덤프 (최신 실제 시험 문제)를 사용 선택하여 현재 최신 136개의 시험 문제와 답을 포함하십시오.
정답:
Explanation:
The <script> tag is required when importing the jQuery library into an HTML document.
Including jQuery:
Purpose: The <script> tag is used to embed or reference executable code (JavaScript).
Example:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
The <script> tag should be placed in the <head> or at the end of the <body> to ensure that the library is loaded before the scripts that depend on it.
Reference: jQuery Getting Started
MDN Web Docs - <script>
정답:
Explanation:
AJAX (Asynchronous JavaScript and XML) is used to request and update data in the background without reloading the web page.
AJAX Overview:
Purpose: Allows web pages to be updated asynchronously by exchanging data with a web server behind the scenes.
Benefits: Provides a smoother user experience by avoiding full page reloads.
Example:
Using XMLHttpRequest:
var xhr = new XMLHttpRequest();
xhr.open("GET", "data.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
Reference: MDN Web Docs - AJAX
W3Schools - AJAX Introduction
정답:
Explanation:
To specify a cache manifest file for an HTML document, the manifest attribute must be set in the <html> element. This attribute tells the browser to cache the files listed in the manifest for offline use.
Cache Manifest:
Purpose: Specifies resources that should be cached by the browser. Attribute: manifest is used in the <html> tag to link the cache manifest file. Example:
Given the manifest file application.appcache:
CACHE MANIFEST
CACHE:
default.html
stylesheet.css
functions.js
logo.jpg
HTML with the manifest attribute:
<html manifest="application.appcache">
...
</html>
Reference: MDN Web Docs - Offline Web applications
W3C HTML5 Specification - manifest attribute
정답:
Explanation:
The watchPosition method in the Geolocation API is used to get periodic updates about the geographic location of a user.
watchPosition Method: This method calls the provided callback function with the user's current position as the device's location changes.
Usage Example:
navigator.geolocation.watchPosition(function(position) {
console.log("Latitude: " + position.coords.latitude + ", Longitude: " + position.coords.longitude); });
In this example, the watchPosition method continuously logs the user's latitude and longitude to the console as the position changes.
Reference: MDN Web Docs on watchPosition
W3C Geolocation API Specification
정답:
Explanation:
The correct HTML segment to enable the Offline AppCache application interface (API) is by specifying the manifest attribute in the <html> tag.
AppCache Manifest: The manifest attribute in the <html> tag is used to specify the URL of the AppCach
정답:
Explanation:
Using HTML, users can upload files from their computer to a web page using the <input> element with the type="file" attribute.
File Upload Input: The <input type="file"> element is used in forms to allow users to select files from their local file system to be uploaded to a server.
Usage Example:
The <canvas> element in HTML5 is used to render images and graphics dynamically through JavaScript. It is a powerful feature for creating graphics, game visuals, data visualizations, and other graphical content directly in the browser.
Canvas Element: The <canvas> element is an HTML tag that, with the help of JavaScript, can be used to draw and manipulate graphics on the fly.
Usage Example:
html
Copy code
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 200, 100);
</script>
In this example, a red rectangle is drawn on a canvas element.
Reference: MDN Web Docs on <canvas>
W3C HTML Canvas 2D Context Specification
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload File" name="submit">
</form>
In this example, users can choose a file from their computer and upload it to the specified server endpoint.
Reference: MDN Web Docs on <input type="file">
W3C HTML Specification on File Upload
정답:
Explanation:
The <canvas> element in HTML5 is used to render images and graphics dynamically through JavaScript. It is a powerful feature for creating graphics, game visuals, data visualizations, and other graphical content directly in the browser.
Canvas Element: The <canvas> element is an HTML tag that, with the help of JavaScript, can be used to draw and manipulate graphics on the fly.
Usage Example:
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 200, 100);
</script>
In this example, a red rectangle is drawn on a canvas element.
Reference: MDN Web Docs on <canvas>
W3C HTML Canvas 2D Context Specification
정답:
Explanation:
The given code snippet demonstrates how JavaScript can manipulate the DOM to change the style of an element.
Code Analysis:
Given the HTML:
<h1 id="id1">Blog Title</h1>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">Click Here</button>
When the button is clicked, the JavaScript code within the onclick attribute changes the color of the h1 element to red.
Option A: An event handler tracking keyboard strokes is incorrect because the event handler is tracking a mouse click, not keyboard strokes.
Option B: JavaScript is using the DOM to make a style change is correct because the onclick attribute contains JavaScript code that modifies the style of the h1 element.
Option C: In-line CSS is styling the <h1> tag is incorrect because the style change is done via JavaScript, not inline CSS.
Reference: MDN Web Docs - Document.getElementById()
W3Schools - JavaScript HTML DOM
정답:
Explanation:
The Document Object Model (DOM) is an API for HTML and XML documents that defines the logical structure of documents and the way a document is accessed and manipulated.
DOM
The DOM represents the page so that programs can change the document structure, style, and content.
It provides a way for scripts to update the content, structure, and style of a document while it is being viewed.
Option A: CSS is incorrect because it is used for styling web pages.
Option B: XML is incorrect because it is a markup language, not an API for manipulating web page elements.
Option C: HTML is incorrect because it is the markup language used to create web pages, not an API for manipulation.
Option D: DOM is correct because it allows a scripting language to manipulate elements on a web page.
Reference: MDN Web Docs - DOM
W3Schools - JavaScript HTML DOM
정답:
Explanation:
In JavaScript, assigning an empty pair of quotes to a variable creates an empty string.
Variable Assignment:
Given the code:
var data = "";
The variable data is assigned an empty string.
Option A: Null is incorrect because the variable is assigned an empty string, not null.
Option B: A single-character string is incorrect because the string is empty.
Option C: Undefined is incorrect because the variable is assigned a value, even though it is an empty string.
Option D: An empty string is correct because "" represents an empty string.
Reference: MDN Web Docs - String
W3Schools - JavaScript Strings
정답:
Explanation:
The data type of the variable a is determined by the value assigned to it. In JavaScript, if a value is
enclosed in double or single quotes, it is treated as a string.
Variable Assignment:
Given the code:
var a = "true";
The value "true" is enclosed in double quotes, making it a string.
Option A: Boolean is incorrect because the value "true" is a string, not a boolean.
Option B: String is correct because the value is enclosed in double quotes.
Option C: Object is incorrect because the value is a primitive string.
Option D: Undefined is incorrect because the variable a is assigned a value.
Reference: MDN Web Docs - JavaScript Data Types
W3Schools - JavaScript Data Types
정답:
Explanation:
To call the sayHello method in the given JavaScript object, you need to use the object's name followed by the method name with parentheses.
Correct Method Call:
Given the object definition:
var obj = {
sayHello: function() {
alert("Hello");
}
};
To call the method sayHello on the object obj:
obj.sayHello();
Option A: Obj.sayHello; is incorrect syntax. The correct syntax is obj.sayHello();.
Option B: Window.sayHello(); is incorrect because the method is defined in the obj object, not the window object.
Reference: MDN Web Docs - Functions
W3Schools - JavaScript Objects
정답:
Explanation:
The prompt method in JavaScript displays a dialog box that prompts the user for input, allowing the end user to enter text as an answer to a question when the page loads.
prompt Method: The prompt method displays a dialog box with an optional message prompting the user to input some text. It returns the text entered by the user or null if the user cancels the dialog.
Usage Example:
let userInput = prompt("Please enter your name:", "Harry Potter"); console.log(userInput);
In this example, a prompt dialog asks the user to enter their name, and the entered text is logged to the console.
Reference: MDN Web Docs on prompt
W3C HTML Specification on Dialogs
정답:
Explanation:
In JavaScript, the name of a function is defined after the function keyword and before the parentheses that enclose its parameters.
Function Name: The function name is the identifier used to call the function. It is defined immediately after the function keyword.
Usage Example:
function square(number) {
return number * number;
}
In this example, the name of the function is square.
Reference: MDN Web Docs on Functions
ECMAScript Language Specification
정답:
Explanation:
In JavaScript, curly braces {} are used to enclose multiple statements in a function, defining the block of code to be executed.
Curly Braces: Curly braces {} are used to group multiple statements into a single block. This is necessary for defining the body of a function, loops, conditional statements, and other control structures.
Usage Example:
function greet(name) {
let greeting = "Hello, " + name;
console.log(greeting);
}
In this example, the curly braces enclose the statements that form the body of the greet function.
Reference: MDN Web Docs on Functions
ECMAScript Language Specification