오늘은 뭐했니?/일상

웹디자인 오답노트!!!

kebab00 2023. 4. 9. 20:54

728x90

- 어제는 정보처리기능사를 했는데 저는 어리석게도 같은 날 다른 시간에 또하나의 시험을 신청했습니다.

- 그말은 즉 웹디자인 기능사도 오답노트를 해야된다는 것이죠

- 그래도 조금 더 맞아서 오답노트 할 것은 조금 적습니다.
- 하지만 1번부터 틀렸네요..

-2015년 7월19일 시험 문제입니다.

1.  색의 3속성 중 사람의 눈이 가장 예민하고 강하게 반응하는 대비는?

1. 색상대비
2. 보색대비
3. 명도대비
4. 채도대비

- 정답은 3번 명도대비입니다.

- tip!

명도대비:명도가 다른 두 색의 영향에 의해 명도차가 다르게 지각되는 현상. 주위 색에 따라 더욱 밝게 느껴지거나 더욱 어둡게 느껴짐.

6. 디자인의 요소에 관한 정의가 틀린 것은?

1.  점 - 위치만 있고 크기는 없다.
2. 선 - 면의 한계 또는 교차
3. 면 - 선의 이동
4. 입체 - 면의 이동

- 정답은 2번 선 - 면의 한계 또는 교차입니다.

- tip!

선 : 속도감, 방향, 강약 선은 면의 교차로 이뤄지는게 아니라 점이 모여서 생기는 것입니다.

7. 먼셀의 색체계에서 색상의 기본색을 10가지로 나누었을 때 포함되지 않는 색은?

1.  P
2. YR
3. PR
4. GY

- 정답은 3번 PR 입니다.

- tip!

R: Red(빨강) Y:Yellow(노랑) G:Green(초록) B:Blue (파랑) P: Purple(보라) YR : Yellow Red(주황) GY :Green Yellow(연두) BG: Blue Green (청록) PB: Purple Blue(남색) RP:Red Purple (자주)

9. 가시광선에 대한 설명으로 틀린 것은?

1.  빛의 파장 중 380nm에서 780nm 사이의 범위로 눈으로 지각되는 영역을 말한다.
2. 라디오나 텔레비전, 휴대폰의 파장범위를 포함 한다.
3. 백색광이 프리즘을 통해 나타나는 색띠를 말한다.
4. 전자기파 스펙트럼이라고도 한다.

- 정답은 2번 라디오나 텔레비전, 휴대폰의 파장범위를 포함한다. 입니다.

- tip!

라디오, 텔레비전, 휴대폰의 파장범위는 가시광선이 아니라 적외선입니다.

 

17. 디자인의 조건 중 의자를 디자인할 경우, 사용자의 신체치수와 생김새, 체중이나 감촉에 대한 재료와 구조의 상태가 적합한지 등을 고려하는 것을 무엇이라 하는가?

1.  심미성
2. 독창성
3. 경제성.
4. 합목적성

- 정답은 4번 합목적성 입니다.

- tip!

심미성: 색상이나 디자인, 외관의 미적 기능을 말한다. 

독창성: 남과 다르게 독창적인 것으로서 디자인에 최종적으로 생명을 불어 넣음. 

합목적성: 기능성과 실용성이 가장 중요시 되며, 사용목적에 적합한 것이어야 함. 

경제성: 최소의 자재, 경비, 노력으로 최대의 효과를 얻음.

20. 다음 중 A, B에 순서대로 들어갈 알맞은 용어는?

설명 : 색체계에는 심리적, 물리적인 빛의 혼색 실험 결과에 기초를 두고 표시하는 (A)와 물체의 색을 표시는 (B)가 있다.
1.  혼색계, 현색계

2. 심리계, 지각계
3. 현색계, 혼색계
4. 물리계, 지각계

- 정답은 1번 혼색계, 현색계입니다.

- tip!

혼색계 : 물리적이고 심리적인 실험을 통해 빛의 혼합을 기초로 색을 규정하는 방법 

현색계 : 물체색을 표시하기 위해 색의 3속성에 따라 표준색표를 정해 표시하는 방법

21. HTML에서 사용되는 글자 모양에 관련된 태그에 관한 설명으로 옳지 않은 것은?

1.  <B> …</B> 태그는 강조된 글자 모양으로 표시하기 위한 태그이다.
2. <CITE> …</CITE> 태그는 짧은 인용구를 표시할때 사용하는 태그이다.
3. <SUB> …</SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다.
4. <CODE> …</CODE> 태그는 프로그램 코드 글자 모양으로 표시할 때 사용하는 태그이다.

- 정답은 3번<SUB> 태그는 위 첨자 모양의 글자로 표시할 때 사용하는 태그이다. 입니다.

- tip!

'<CITE>' 짧은 인용(citation)구를 표시할때 - 이태릭체로 표시 

'<SUB>' 아래 첨자를 사용하고자 할때 (sub -b 의 동그란 부분이 아래니까 아래첨자) 

'<SUP>' 위 첨자를 사용하고자 할때 (sup -p 의 동그란 부분이 위니까 위 첨자) 

'<CODE>' 프로그램 코드 표시 '<B>' 태그는 글자를 굵게 표시하는 태그로, bold의 약자입니다.

26. 전자메일 서비스에 연관된 프로토콜(Protocol)이 아닌 것은?

1.  IMAP
2. NNTP
3. POP3
4. SMTP

- 정답은 2번 NNTP 입니다.

- tip!

NNTP : 인터넷 상의 뉴스 서버간에 뉴스를 주고받기 위한 역할을 하는 프로토콜이다.

29. 수신된 신호를 증폭, 회복시켜 재전송하여 전송거리를 확장하는 네트워크 장비는?

1.  Bridge
2. Router
3. Gateway
4. Repeater

- 정답은 4번 Repeater 입니다.

- tip!

Bridge: 두 개의 LAN을 서로 연결해 주는 통신망 연결 장치. 

Router: LAN과 LAN을 연결하거나 LAN과 WAN을 연결하기 위한 인터넷 네트워킹 장비. 

Gateway: 관문 또는 출입구라는 의미로 2개 이상의 다른종류 또는 같은종류의 통신망을 상호 접속하여 통신망간 정보를 주고받을 수 있게 하는 장치.

39. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?

1.  나모 웹 에디터
2. 프론토 페이지
3. 넷스케이프 컴포저
4. 홈 사이트

- 정답은 4번 홈 사이트 입니다.

- tip!

홈 사이트: 분산 데이터 베이스에서 어떤 트랜잭션이 시작되고 그 트랜잭션의 실행을 감독하는 사이트.

40. 클라이언트의 웹 브라우저가 웹 서버와 접속할 때 사용하는 통신 규약으로 맞는 것은?

1.  SNMP
2. HTTP
3. HTML
4. WWW

- 정답은 2번 HTTP 입니다.

- tip!

- SNMP (Simple Network Management Protocol) : 네트워크 관리 지원 프로토콜 

- HTTP (Hyper Text Transfer Protocol) : 웹상에서 파일을 주고받기 위해 필요한 하이퍼텍스트 전송 프로토콜 

- HTML (Hypertext Markup Language) : 하이퍼텍스트를 작성하기 위해 개발된 기본적인 웹 언어 

- WWW (World Wide Web) : 문자/음성/동영상 등의 멀티미디어 환경을 갖춘 인터넷 정보 서비스

41. 웹 페이지 저작 도구 중 위지윅(What you see is what you get) 기반의 웹 에디터가 아닌 것은?

1.  Sequential structure
2. Hierarchical structure
3. Grid structure
4. Protocol structure

- 정답은 4번 Protocol structure 입니다.

- tip!

내비게이션 구조 : 순차적 구조, 계층 구조, 그리드 구조, 네트워크 구조 

Navigation Structure : Sequential, Hierarchical, Grid, Network Structure

43. 애니메이션 종류 중 배경은 그대로 두고 캐릭터만 움직이도록 하는 기법으로 투명 필름 위에 수작업으로 캐릭터를 채색한 후 배경 위에 놓고 촬영 및 편집하는 기법은?

1.  클레이 애니메이션
2. 투광 애니메이션
3. 셀 애니메이션
4. 컷 아웃 애니메이션

- 정답은 3 셀 애니메이션 입니다.

- tip!

클레이 애니메이션 - 찰흙으로 인형 제작 후 콤마 촬영하는 기법의 애니메이션 

투광 애니메이션 - 라이트 테이블 위에 검은 종이나 점토 등의 절단 부분이나 통에서 나오는 빛을 촬영 

컷 아웃 애니메이션 - 종이 위에 형태를 그리고 잘라낸 다음 손으로 각각의 종이들을 직접 한장씩 움직여가며 촬영

48. 다음이 설명하고 있는 것은?

- 점요와 같이 제한된 수의 색상들을 사용하여 시각적으로 섞어서 만들어 내는 것이다.
- 적은 수의 색상의 반복으로 그래픽 파일의 용량을 줄인다는 장점이 있다.
1.  모핑

2. 디더링
3. 커스텀 팔레트
4. 팔레트 플래싱

- 정답은 2번 디더링 입니다.

- tip!

모핑 : 모핑(morphing)은 하나의 이미지를 다른 이미지로 단절 없이 이미지를 연속적으로 변형시키는 형상 변형 기법으로 흔히 일정한 시간 내에 여러 형상을 거쳐 최종 이미지로 변화되는 모습을 재현한다. 하나의 이미지를 다른 것으로 변형시키는 데 필요한 변화를 컴퓨터가 수학적으로 계산하는 과정을 거쳐 재현된다. 

디더링 : 디스플레이 되는 이미지의 색 공간의 차이에서 오는 결점을 보완해 주는 방법. 색 오차를 최대한 최소화하여 원본의 이미지를 최대한 보전하려고 하는 방법이다. 

커스텀 팔레트 : 기본 팔레트와 달리 사용자가 직접 정의한 색상을 모아 놓은 팔레트입니다. 그래픽 디자인에서 사용자가 자주 사용하는 색상을 효율적으로 관리할 수 있게 해줍니다. 

팔레트 플래싱(Palette Flashing): 프로그래밍에서 사용되는 기술로, 코드에서 사용하는 색상 팔레트를 변경하여 다양한 시각적 효과를 만드는 기술입니다.

49. 다음 중 웹사이트 개발과정에 대한 설명으로 틀린 것은?

1.  프로젝트 기획 – 목표설정, 시장조사, 개발전략수립
2. 웹 사이트 기획 – 사이트 콘셉트 정의, 자료수집 및 분석
3. 웹 사이트 디자인 – 콘텐츠 제작 및 배치, 내비게이션 구축
4. 웹 사이트 구축 – 테스트 및 디버깅

- 정답은 4번 웹 사이트 구축 – 테스트 및 디버깅 입니다.

- tip!

웹 사이트 구축 단계에서는 도메인 확보 및 프로그래밍을 합니다. 테스트 및 디버깅은 유지 및 관리 단계입니다.

51. 웹 사이트의 가상경로를 예상하여 기획하는 것으로 웹 사이트의 설계도이며 구체적인 작업 지침서 역할을 하는 것은?

1.  시안
2. 레이아웃
3. 내비게이션
4. 스토리보드

- 정답은 

4번 스토리보드 

입니다.

- tip!

스토리보드는 일종의 작업 지침서이자 설계도이며, 웹 사이트의 전체 구성을 그림과 설명을 이용해 시각화하여 한 눈에 알아보기 쉽게 표현하는 것입니다. 웹 개발자 간의 의사소통의 도구가 되기도 합니다.

- 끝입니다!!

- 다들 수고하셨습니다!! 화이팅!!