본문 바로가기

Study

[웹디자인기능사] 필기 36 자바스크립트 내장 함수 ~ 40 웹 페이지 저작기법의 특징 36. 자바스크립트 내장 함수 1. 배열 인덱스를 이용해서 n개의 데이터를 하나의 변수에 담고 있는 형태 2. 함수 프로그램에서 어떤 기능을 구현할 때 그 기능에 대한 명령을 내려 동작하도록 하는 것 특정한 기능들을 모아 놓고 필요에 따라서 명령하면 답하는 기계 프로그램 안에서 각각의 작은 기능들을 독립적으로 수행함 입력값(Input)을 받아서 처리한 후 결과값(Output)을 반환함 함수의 이름을 보고 어떤 기능을 하는지 예측할 수 있으므로 함수의 이름을 정하는 것이 중요함 3. 함수 생성의 종류 명시(선언)적 함수 : 이름이 있으므로 지정해서 호출할 수 있음 Function 함수 이름() { 실행문; } 함수 이름이 있음 ↓ 함수 호출 : 함수 이름( ); 익명 함수 : 함수 이름이 없어서 변수에 담.. 더보기
[웹디자인기능사] 필기 32 HTML과 태그 ~ 35 자바스크립트 32. HTML과 태그 1. HTML (Hyper Text Markup Language) 개념 Markup 언어 파일 형식 : .html HTML 문서는 ASCII 코드로 구성된 일반적인 텍스트 파일 컴퓨터 시스템이나 운영체제에 독립적임 HTML로 제작된 페이지는 웹 브라우저에서 해석되어 실행됨 HTML의 문서는 태그(Tag)로 구성됨 HTML 문서 내의 단어나 그림을 마우스로 클릭하여 그것과 연결된 새로운 문서로 이동하게 하는 하이퍼링크 기능 제공 사용자의 운영체제에 상관없이 브라우저만 있느면 HTML로 작성된 모든 웹 문서들을 읽을 수 있음 HTML 4.0에서는 CSS를 이용하여 색상과 폰트, 레이아웃을 자유롭게 조절할 수 있음 2. HTML 문서의 구조 3. HTML 태그 태그의 사용 태그 안에 속.. 더보기
[웹디자인기능사] 필기 25 인터넷 프로토콜 종류 ~ 31 인터넷 검색기의 특징 25. 인터넷 프로토콜 종류 1. 프로토콜(Protocol)의 개념 네트워크를 통해 데이터 통신을 실행할 때 사용되는 일련의 규칙 2. OSI 7계층 모델 각 계층은 고유 기능을 수행하며 하위 계층이 바로 위 계층에 서비스를 제공하는 형식으로 동작한다. 7계층 응용계층 네트워크 관련 응용 프로그램 수행 6계층 표현계층 정보의 표현방식 관리, 암호화, 정보 압축 등의 기능 수행 5계층 세션계층 프로세스 간의 대화 제어 및 동기점을 이용한 효율적인 데이터 복구를 제공하는 계층 4계층 전송계층 컴퓨터 간 연결 확립, 데이터 흐름 제어, 에러 제어 3계층 네트워크 계층 논리적인 링크 구성, 전송 경로 설정 2계층 데이터링크 계층 직접 연결된 시스템 간의 오류 없는 데이터 전송을 담당하며 네트워크 계층에 서비스를.. 더보기
[웹디자인기능사] 필기 19 색의 조화 ~ 24 인터넷 서비스 종류 19. 색의 조화 1. 색채 조화 여러 색채를 조합시켰을 때 잘 어울리는 것으로, 배색을 어떻게 했는가에 따라 달라짐 색상대비에 따른 조화 색상의 차이를 주어 나타내는 조화 (유사조화, 대비조화) 보색 대비에 따른 조화 색상환에서 가장 거리가 먼 색상들을 배색해서 얻어지는 조화 명도에 따른 조화 하나의 색상을 여러 단계의 명도로 배색할 때 나타나는 단계의 조화 2. 색채 조화를 위한 배색에서 고려해야 할 사항 색의 전체적 인상을 통일하기 위해 색상, 명도, 채도 중 한 가지 공통된 부분을 만들어 줌 비슷한 색상들로 이루어진 조화는 명도나 채도에 차이를 두어 대비 효과를 구성 일반적으로 가벼운 색은 위쪽으로 하고, 무거운 색은 아래쪽으로 함 색상의 수를 될 수 있는 대로 줄임 색의 차갑고 따뜻한 느낌을 이.. 더보기
[웹디자인기능사] 필기 13 강조와 대조(대비) ~ 18 지각적 효과와 감정적 효과 13. 강조와 대조(대비) 1. 강조 단조로움을 피하기 위해 일부 요소를 다르게 표현하는 것 율동(리듬)의 요소에 포함됨 2. 대조(대비) 서로 다른 부분의 조합에 의해 균형감을 잃지 않은 상태로 대립에 의한 극적 효과와 긴장감을 줄 수 있는 디자인 원리 디자인 원리 중 서로 다른 부분의 조합에 의해 생기며 시각적 힘의 강약에 의한 형의 감정효과를 주는 것 3. 음영 빛을 감지할 수 있는 하나의 수단 물리적 반사 법칙에 의해 정확하고, 엄밀한 투사광과 반사광으로 구성된 과학적 결과 14. 색의 원리 1. 색의 정의 색과 색체 색은 눈의 망막이 빛의 자극을 받아 생기는 물리적인 지각 현상이며, 색채는 눈을 통해 지각된 색에 대해 심리적인 지각 현상이 더해진 것 색채의 종류 유채색 : 유색 광각의 색채를 느.. 더보기
[웹디자인기능사] 필기 06 재질감 빛과 운동 ~ 12 율동 06. 재질감 빛과 운동 1. 재질감 물체의 표면이 가지고 있는 특징의 차이를 시각과 촉각을 통하여 느낄 수 있는 성질 시각적 질감 : 눈에 보이는 질감 장식적 질감 : 실크 재질, 의상패턴 자연적 질감 : 나뭇결 무늬, 대리석 무늬 기계적 질감 : 사진의 망점, 인쇄상의 스크린 톤, 모니터 주사선 촉각적 질감 : 눈으로 볼 수 있을 뿐만 아니라 손으로 만져서 느낄 수 있는 질감 2차원 디자인의 표면과 함께 3차원의 양각(Relief)으로 확대하는 것 촉각적 질감의 연출 방법 : 자연재료 사용, 재료변형, 재료복합 등 2. 빛 비추는 형태에 따라 직사광(직광)과 분산된 분광으로 나뉨 빛은 조명원에 따라서 고유한 색을 가짐 가시광선 빛의 파장 중 380mm에서 780mm 사이의 범위로 눈으로 지각되는 영역.. 더보기
[웹디자인기능사] 필기 01 디자인 의미 개념 배경 ~ 05 형태 1과목 디자인 일반 01. 디자인 의미 개념 배경 1. 디자인(Design)의 배경 라틴어 데시그나레(Designare), 프랑스어의 데셍(Dessin) 어원에서 시작하여 르네상스 시대 이후 오랫동안 데생과 같이 가벼운 의미로 사용 도안, 의장, 밑그림, 그림, 소묘, 계획, 설계, 목적이란 의미 포함 2. 디자인의 정의 DE(이탈)와 Sign(형상)의 합성어로 기존의 형상에서 이탈하여 새로움을 창조한다는 의미로 탄생하여 1920~1930년대 일어난 디자인 운동 이후부터 사용됨 일반적으로 하나의 그림 또는 모형으로써 그것을 전개시키는 계획 및 설계 '계획, 의도, 목적'의 뜻으로, 예술가 마음의 계획, 의도 등 심적 계획 인간이 보다 사용하기 쉽고 안전하며 아름답고 쾌적한 생활환경을 창조하는 조형행위 3.. 더보기
[CSS] 눈누 웹 폰트 적용하기 / 굵기(font-weight) 적용하기 한글 폰트를 적용할 때 잘 쓰고있는 👉👉👉눈누 👈👈👈 눈누 상업용 무료한글폰트 사이트 noonnu.cc css에서 눈누 웹 폰트를 가져와서 사용하려고 하는데 구글 폰트랑은 다르게 font-weight로 굵기 적용이 되지 않는다 오늘은 눈누 폰트 적용하는 방법과 굵기 적용법에 대해 써보겠다! 1. 눈누 웹폰트 CSS 적용하기 눈누 웹사이트에서 원하는 폰트를 찾는다. 에 있는 링크를 복사한다. 스타일 태그 밑에 붙여넣는다 원하는 위치에 font-family적용하면 끝!! li:first-child{font-family: 'GangwonState';} 2. 웹폰트 font-weight 적용하기 굵기가 여러개인 폰트를 위 방법 그대로 적용했을 때 font-weight가 안된다. 그 이유는 소스 주소에 폰트 굵기.. 더보기
728x90
LIST

티스토리툴바