INF-306 문제 1
다음 마크업을 작성하여 페이지를 생성합니다. 줄 번호는 참조용으로만 포함되어 있습니다.
01 < !DOCTYPE html >
02 < html >
03 < 헤드 >
04 < 스타일 >
05
10 < /style >
11 < /head >
12 < 본문 >
13 <svg height="500" width="500">
14 < 정의 >
15 <필터 id="f2" x="0" y="0" width="200%" height="200%">
16 < feOffset result=" offOut" in=" SourceGraphic" dx=" 20" dy=" 20" / >
17 < feGaussianBlur result= " blurOut " in= " offOut " stdDeviation= " 10 " / >
18 < feBlend in= " SourceGraphic " in2= " blurOut " mode= " normal " / >
19 < /filter >
20 < /defs >
21 <text x="10" y="100" style="fill:red;">흐릿하게 해줘!</text>
22 죄송합니다. 사용하시는 브라우저는 인라인 SVG를 지원하지 않습니다.
23 < /svg >
24 < /body >
25 < /html >
왼쪽 마크업에 SVG 흐림 필터가 정의되어 있습니다. 페이지의 텍스트 요소에 SVG 흐림 필터를 적용해야 합니다.
5번째 줄에 어떤 CSS 코드를 삽입해야 할까요?
01 < !DOCTYPE html >
02 < html >
03 < 헤드 >
04 < 스타일 >
05
10 < /style >
11 < /head >
12 < 본문 >
13 <svg height="500" width="500">
14 < 정의 >
15 <필터 id="f2" x="0" y="0" width="200%" height="200%">
16 < feOffset result=" offOut" in=" SourceGraphic" dx=" 20" dy=" 20" / >
17 < feGaussianBlur result= " blurOut " in= " offOut " stdDeviation= " 10 " / >
18 < feBlend in= " SourceGraphic " in2= " blurOut " mode= " normal " / >
19 < /filter >
20 < /defs >
21 <text x="10" y="100" style="fill:red;">흐릿하게 해줘!</text>
22 죄송합니다. 사용하시는 브라우저는 인라인 SVG를 지원하지 않습니다.
23 < /svg >
24 < /body >
25 < /html >
왼쪽 마크업에 SVG 흐림 필터가 정의되어 있습니다. 페이지의 텍스트 요소에 SVG 흐림 필터를 적용해야 합니다.
5번째 줄에 어떤 CSS 코드를 삽입해야 할까요?
INF-306 문제 2
다음 코드는 다른 배열에서 항목을 가져와 식료품 배열에 추가합니다. 줄 번호는 참조용입니다.
01 < 본문 >
02 <p id="list"></p>
03 <스크립트>
04 var groceries = [];
05 var dairy = [ " 우유 " , " 계란 " , " 치즈 " , " 아이스크림 " ];
06 var beverages = [ " 주스 " , " 물 " , " 탄산음료 " , " 커피 " ];
07 var fruits = [ "사과" , "바나나" , "포도" , "오렌지" , "딸기" ];
08 var vegetables = [ " 브로콜리 " , " 당근 " , " 상추 " , " 시금치 " , " 토마토 " ];
09 var meats = [ " Beef " , " Chicken " , " Pork " ];
10
11 함수 addVegetables() {
12 식료품 = 식료품.concat(vegetables);
13 }
14
15 함수 addFruits() {
16개의 식료품 = 식료품.concat(과일);
17 }
18
19 함수 addOther() {
20 식료품.push(meats[1]);
21 식료품.push(dairy[3]);
22 }
23
24 과일.shift();
25 addVegetables();
26
27 식료품.shift();
28 addFruits();
29
30개의 식료품을 팝();
31 식료품.shift();
32
33 addOther();
34 document.getElementById( " list " ).innerHTML = 식료품;
지정된 중단점에서 groseries 배열에 항목이 몇 개 있는지 확인하려면 왼쪽 코드를 디버깅해야 합니다.
코드를 평가하고 각 드롭다운 목록에서 올바른 옵션을 선택하여 질문에 답하십시오.
참고: 정답을 맞히면 부분 점수를 받게 됩니다.
01 < 본문 >
02 <p id="list"></p>
03 <스크립트>
04 var groceries = [];
05 var dairy = [ " 우유 " , " 계란 " , " 치즈 " , " 아이스크림 " ];
06 var beverages = [ " 주스 " , " 물 " , " 탄산음료 " , " 커피 " ];
07 var fruits = [ "사과" , "바나나" , "포도" , "오렌지" , "딸기" ];
08 var vegetables = [ " 브로콜리 " , " 당근 " , " 상추 " , " 시금치 " , " 토마토 " ];
09 var meats = [ " Beef " , " Chicken " , " Pork " ];
10
11 함수 addVegetables() {
12 식료품 = 식료품.concat(vegetables);
13 }
14
15 함수 addFruits() {
16개의 식료품 = 식료품.concat(과일);
17 }
18
19 함수 addOther() {
20 식료품.push(meats[1]);
21 식료품.push(dairy[3]);
22 }
23
24 과일.shift();
25 addVegetables();
26
27 식료품.shift();
28 addFruits();
29
30개의 식료품을 팝();
31 식료품.shift();
32
33 addOther();
34 document.getElementById( " list " ).innerHTML = 식료품;
지정된 중단점에서 groseries 배열에 항목이 몇 개 있는지 확인하려면 왼쪽 코드를 디버깅해야 합니다.
코드를 평가하고 각 드롭다운 목록에서 올바른 옵션을 선택하여 질문에 답하십시오.
참고: 정답을 맞히면 부분 점수를 받게 됩니다.
INF-306 문제 3
다음 양식을 작성해야 합니다.
각 드롭다운 목록에서 올바른 옵션을 선택하여 코드를 완성하세요.
각 드롭다운 목록에서 올바른 옵션을 선택하여 코드를 완성하세요.
INF-306 문제 4
다음 요구 사항을 충족하는 그리드를 정의해야 합니다.
* 1분수씩 6개의 동일한 열의 너비를 명시적으로 설정합니다.
* 크기가 서로 다른 5개의 행을 명시적으로 설정합니다.
* 각 그리드 열 사이에 15px의 간격을 설정합니다.
* 각 그리드 행 사이에 10px 간격을 정의합니다.
각 드롭다운 목록에서 올바른 옵션을 선택하여 코드를 완성하세요.
* 1분수씩 6개의 동일한 열의 너비를 명시적으로 설정합니다.
* 크기가 서로 다른 5개의 행을 명시적으로 설정합니다.
* 각 그리드 열 사이에 15px의 간격을 설정합니다.
* 각 그리드 행 사이에 10px 간격을 정의합니다.
각 드롭다운 목록에서 올바른 옵션을 선택하여 코드를 완성하세요.
INF-306 문제 5
뷰포트 특성과 관계없이 기본 위치에 있는 바로 앞 요소를 항상 따라가도록 특정 요소를 배치하고 싶습니다. 어떤 위치 지정 방법을 사용해야 할까요?