어떤 학습 자료를 선택해야 할지 고민되신다면 무료 샘플부터 확인해 보시기 바랍니다. PassTIP은 INF-306 샘플 문제를 무료로 제공하고 있어 IT Specialist HTML5 Application Development 대비 자료의 품질을 직접 판단하실 수 있습니다.
IT Specialist INF-306 시험 개요:
| 인증 벤더: | Pearson VUE |
|---|---|
| 시험명: | HTML5 애플리케이션 개발 |
| 시험 번호: | INF-306 |
| 실제 시험 문항 수: | 33~44문항 |
| 자격증 유효 기간: | 3년 |
| 지원 언어: | 중국어 간체, 중국어 번체, 독일어, 태국어, 일본어, 스페인어, 프랑스어, 러시아어, 포르투갈어(브라질), 이탈리아어, 영어 |
| 시험 시간: | 50분 |
| 응시료: | 126.69달러 |
| 시험 형식: | 객관식 단일 선택, 객관식 다중 선택, 드래그 앤 드롭, 시나리오 기반 문제 |
| 합격 점수: | 700점 (100~900점 범위) |
| 권장 교육: | 공식 Pearson IT 전문가 교육 자료 MeasureUp 모의고사 |
| 시험 등록: | Pearson VUE 등록 |
| 샘플 문제: | DOWNLOAD DEMO |
| 응시 방법: | 온라인 감독 방식 또는 Pearson VUE 시험 센터 방문 응시 |
| 전제 조건: | HTML5, CSS3, JavaScript에 관한 기초 지식, 애플리케이션 개발 개념에 대한 기본적인 이해가 필요하며, 별도의 공식 선수 조건은 없습니다 |
| 공식 요강 URL: | https://home.pearsonvue.com/itspecialist/pdf/OD-306.pdf |
IT Specialist INF-306 시험 요강 주제:
| 섹션 | 비중 | 목표 |
|---|---|---|
| 주제 1: 폼 | 20% | - 폼 요소 및 마크업
|
| 주제 2: 애플리케이션 수명 주기 관리 | 20% | - 애플리케이션 수명 주기의 단계
|
| 주제 3: 레이아웃 | 20% | - CSS 레이아웃 및 위치 지정
|
| 주제 4: 그래픽 및 애니메이션 | 25% | - 스타일 지정 및 변형 처리
|
| 주제 5: JavaScript 코딩 | 15% | - 핵심 코딩 개념
|
IT Specialist INF-306 시험 Q&A 한눈에 보기
INF-306는 Pearson VUE이 주관하는 공인 인증시험으로, 이 시험을 통과하시면 정보 기술 전문가 자격을 취득하게 됩니다. 해당 인증의 등급은 기초 수준입니다. PassTIP에서는 이 시험을 대비하기 위한 70문항의 연습문제를 제공하고 있습니다.
INF-306 시험에는 33~44문항문항이 출제되고 제한 시간은 50분입니다. 전체 시간을 문항 수로 나누어 문항당 목표 풀이 시간을 정해 두시면 페이스 조절이 수월하며, 막히는 문제는 표시해 두고 마지막에 다시 푸는 방식이 시간 관리에 효과적입니다. PassTIP의 테스트 엔진에서 실제와 동일한 제한 시간으로 모의고사를 연습하시면 시험 당일의 시간 압박을 줄이실 수 있습니다.
INF-306 시험은 700점 (100~900점 범위)을 넘겨야 합격이며 공식 응시료는 126.69달러입니다. 재응시하시는 경우에도 응시료는 동일하게 전액 부과되므로 충분히 준비하신 후 응시하시는 것이 좋습니다. PassTIP의 70문항 모의고사로 사전에 실력을 측정하시고, 합격 기준보다 여유 있는 점수가 반복적으로 나올 때 응시 일정을 잡으시기를 권장합니다.
INF-306 시험의 응시 조건은 다음과 같이 안내되어 있습니다. HTML5, CSS3, JavaScript에 관한 기초 지식, 애플리케이션 개발 개념에 대한 기본적인 이해가 필요하며, 별도의 공식 선수 조건은 없습니다 응시 조건은 주최 측 정책에 따라 달라질 수 있으므로 접수 전에 공식 안내 페이지에서 최신 내용을 꼭 확인하시기 바랍니다.
INF-306 시험 접수는 아래의 공식 채널을 통해 진행하실 수 있습니다.
시험은 온라인 감독 방식 또는 Pearson VUE 시험 센터 방문 응시 방식으로 진행되니 접수 시 시험 방식과 일정을 함께 살펴보시기 바랍니다.
Pearson VUE이 INF-306 시험 준비생에게 권장하는 공식 교육 과정은 다음과 같습니다.
공식 교육으로 개념을 다지신 뒤 PassTIP의 70문항 연습문제로 실전 풀이 감각을 익히시면 보다 완성도 높은 대비가 가능합니다.
있습니다. PassTIP은 INF-306 무료 샘플 문제를 제공하고 있어 실제 제품의 구성과 품질을 구매 전에 직접 살펴보실 수 있습니다. 제품을 구매하시면 365일 동안 무료 업데이트가 적용되며, 무료 기간이 끝난 이후에는 50% 할인된 가격으로 업데이트를 연장하실 수 있습니다.
PassTIP은 환불 보장 정책을 운영하고 있습니다. 구매일로부터 60일 이내에 INF-306 시험에 응시하여 불합격하신 경우 전액 환불을 신청하실 수 있으며, 응시 등록 확인서 사본과 공식 성적표(Score Report) PDF를 시험일로부터 2일 이내에 제출하시면 7일 이내에 처리됩니다. 구매 후 3일 이내 응시, 다운로드 후 미응시, 무료 자료와 만료된 주문은 대상에서 제외되며 수험자와 결제자의 명의가 동일해야 합니다. 환불 대신 동일한 가치의 다른 시험 자료 2개를 무료로 받으면서 기존 제품의 업데이트 서비스를 그대로 유지하는 선택도 가능합니다. 자료 전달은 결제 직후 이루어지며 결제 후 1분 이내에 이메일로 발송됩니다. 2시간이 지나도 도착하지 않으면 고객센터로 문의해 주시기 바랍니다. 설치 가능한 컴퓨터 대수에는 제한이 없습니다.
INF-306 시험의 출제 범위는 모두 5개 영역으로 나뉘어 있습니다. 대표적으로 레이아웃(20%),애플리케이션 수명 주기 관리(20%),폼(20%) 영역이 출제되며, 각 영역의 세부 항목과 전체 배점 구성은 위에 안내된 시험 범위 전문에서 확인하시기 바랍니다.
최신 Information Technology Specialist INF-306 무료샘플문제
Review the grid container requirements and mockup on the left. Which markup should you use to define the grid container?
- A. Incorrectly places named area strings under grid-template-rows.
- B. Incorrectly places named area strings under grid-template-columns.
- C. Uses grid-template-columns and grid-template-rows with percentage and pixel sizing.
- D. .grid-container { display: grid; grid-template-areas: " heading heading heading heading heading heading
" " menu content content content right right " " menu contact contact contact contact contact " ; grid- gap: 10px; background-color: orange; padding: 10px;}
정답: D 🗳️
설명: (PassTIP 회원만 볼 수 있음)
You need to display the following user interface:
A text input field that displays a selectable suggestion list containing:
Motorcycle
Truck
Boat
Car
Bicycle
정답:

Explanation:
The correct markup uses the HTML5 < datalist > element because the interface shows a text input with a drop- down list of suggested values. The < input > element has list= " vehicles " , which means it must be connected to a < datalist > whose id value is exactly vehicles. This relationship is essential: the list attribute on the input references the id of the datalist that supplies the available options. Each < option > element inside the datalist defines one suggested value: Motorcycle, Truck, Boat, Car, and Bicycle. Unlike a traditional < select > element, a datalist does not restrict the user only to the listed choices; the user can either select an option with the mouse or type directly into the input field. That behavior matches the displayed interface, where the control appears as an editable text box with suggestions. The final closing tag must be < /datalist > because the option elements belong to the datalist container. References/topics: HTML5 forms, < input list > , < datalist > , option elements, selectable typed input.
You want to display a message box showing the user ' s current latitude and longitude as identified by the user' s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
정답:

Explanation:
First drop-down: navigator.geolocation
Second drop-down: navigator.geolocation
Third drop-down: getCurrentPosition(showLocation)
The correct API object is navigator.geolocation because browser-based geographic location is exposed through the Geolocation API, not through window.location. window.location represents the current page URL and navigation state; it does not provide latitude or longitude. The first selection checks whether the browser supports geolocation by evaluating navigator.geolocation. Inside the block, the same object must be used to request the user's current position. The correct method is getCurrentPosition(showLocation), which requests the device's current location and passes a position object to the callback function when the location is available. The callback then reads position.coords.latitude and position.coords.longitude and displays those values with alert(). The alternatives that pass window.location are incorrect because they provide page- location information rather than geographic coordinates. The alternatives that call showLocation(...) directly are also incorrect because the browser must first retrieve the actual position object. References/topics:
Geolocation API, navigator.geolocation, getCurrentPosition(), callback functions, latitude and longitude.
A form has four buttons with a class of item. You need to apply an event listener to all buttons to invoke the moveElement function when a button is pressed. Your code must ensure bubble capture.
Complete the markup by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.
정답:

Explanation:
First drop-down: " click " ,
Second drop-down: moveElement,
Third drop-down: false,
The correct event listener syntax is addEventListener(type, listener, useCapture). The first argument must be " click " because the function must run when a button is pressed. The second argument must be moveElement, not moveElement(), because the event listener expects a function reference. Using parentheses would call the function immediately while the page is loading instead of waiting for the user to press a button. The third argument controls the event phase. false means the listener runs during the bubbling phase, which is the normal behavior for button click handling. true would register the listener for the capturing phase instead.
Since the code uses document.querySelectorAll( " .item " ), it selects all elements with the class item. The for loop then attaches the same click listener to each selected button individually. This ensures that all four buttons invoke moveElement when clicked.

1119 고객 리뷰
저희 제품에 신심을 갖고 시험에 도전해보세요.







상상플러스 -
돈을 내고 사는 덤프라도 정확하기만 하면 상관없는데 괜히 이상한 덤프로 공부하는게
될가봐 많이 걱정했는데 다행이도 INF-306시험합격하고 후기쓰게 되었네요.
적중율이 높아 기분좋게 시험보고 합격받았습니다.
다른IT Specialist자격증을 따야 된다면 다시 올게요.