728x90 전체 글242 [HTML5] figure img figcaption 태그 ? figure는 사진, 이미지, 다이어그램 등을 감싸는 시멘틱 태그이다. 이미지를 바로 불러올 수 없고 자식요소로 img태그를 넣어 이미지를 불러온다. 닫는 태그가 필요하다. ? figure 태그의 자식요소이다. 제일 처음 또는 제일 마지막에 위치시킨다. figure 요소 안에서의 콘텐츠에 대한 제목을 출력한다. 예시 figure 사용 예시 img의 title 속성은 이미지 위에 마우스 포인터를 가져다 대었을 때 나타나는 풍선 도움말 문구이다. img ? img 태그는 imgage의 줄임말로써 이미지를 삽입해주는 태그다. 반드시 src라는 속성을 동반하며 이 src에 이미지 경로를 작성하면 정상적으로 출력된다. 태그는 꼭 사용하지 않아도 된다. 2023. 9. 12. [Git] 커밋 메세지 작성 규칙 Commit message 규칙 제목과 본문을 한 줄 띄어 구분 제목은 50자 이내 제목 첫 글자는 대문자 제목 마지막에 마침표를 붙이지 않는다. 제목은 명령문으로, 과거형 X 본문의 각 행은 72자 이내 (줄바꿈 사용) 본문은 어떻게 보다 무엇을, 왜에 대하여 설명 Commit message 구조 기본적으로 commit message 는 제목, 본문, 꼬리말로 구성한다. 제목은 필수사항이며, 본문과 꼬리말은 선택사항이다. : Type feat : 새로운 기능 추가, 기존의 기능을 요구 사항에 맞추어 수정 fix : 기능에 대한 버그 수정 build : 빌드 관련 수정 chore : 패키지 매니저 수정, 그 외 기타 수정 ex) .gitignore ci : CI 관련 설정 수정 docs : 문서(주석) .. 2023. 9. 11. [데이터베이스] 관계형RDB 와 비관계형NOSQL 종류,특징,차이점 1. RDB (Relational Database) 관계형 데이터베이스 사용 예 : Oracle,MySQL,PostgreSQL 등 특징 2차원 데이터로 표현된다. (행/열) (데이터 저장 모델:table) 상호관련성을 가진 테이블의 집합으로 구성된다. 테이블 사이의 관계를 외래키로 나타낸다. 스키마 변경이 어렵다. (엄격한 데이터 구조) 비용이 큰 Vertical Scalable (수직적 확장)이 주로 사용되고, Horizontal scale(수평적 확장)은 어렵다. 사용 요금이 비싸다. SQL을 사용해 데이터를 질의한다. 데이터 update가 잦은 시스템에 사용한다. ACID 성질을 갖는다. ( ACID(원자성 Atomicity, 일관성 Consistency, 고립성 Isolation, 지속성 Dura.. 2023. 9. 10. [웹디자인기능사] 디자인일반 요점 정리 형태에 관한 게슈탈트 심리적 원리 ? - 연속성 - 근접성 - 유사성 - 폐쇄성 "A"의 그림이 끊어진 상태인데도 문자로 인식되는 것은 어떤 원리 ? - 폐쇄성 어둠이 시작될 때 물체의 상이 흐리게 나타나는 현상 ? - 박명시 1931년 국제조명위원회에서 색의 단위와 체계를 정립하여 발표한 표색계 ? - CIE 표준 표색계 색 입체의 구성 ? 수직 - 명도 수평 - 채도 둘레 - 색상 먼셀의 표색계 ? - 색채체계는 색상, 명도, 채도의 3속성을 근거로 함 - 색채나무라고도 함 - 채도 단계는 무채색을 0, 최고가 14 - 명도 단계는 검정색이 0, 흰색이 10 으로 총 11단계 - 색 입체 안쪽에서 바깥쪽 방향 : 채도배열, 가장 바깥쪽이 순색 - 색상은 5 주요 색상인 빨,노,초,파,보 - 안쪽에서 .. 2023. 9. 9. [웹디자인기능사] 그래픽 파일 포맷 종류 (비트맵,벡터) 비트맵 - 비트맵 방식 : 그래픽 이미지를 가로, 세로 줄을 맞춰 정렬되어 있는 작은 사각형 점들의 집합으로 인식하고 작은 사각형 점들의 위치값과 색상값을 저장하는 방식 - 비트맵 그래픽 파일 포맷 : BMP : 압축하지 않은 표준 그래픽 파일 포맷 GIF : LZW압축알고리즘으로 압축률이 좋음. 256색상, 빠른 전송 속도, 배경색이 보이도록 패턴 제작. TIFF : 모든 종류의 시스템에서 호환 가능 JPEG : 가장 많이 사용되는 압축률 좋은 방식, GIF 보다 다양한 색상 PICT : 매킨토시 표준 그래픽 파일 포맷 PDF : Adobe Acrobat RWA : 화소 자체 정보만 가지고 있음 PCX : 페인트브러쉬 파일 벡터 - 벡터 방식 : "수학적 방식에 의한 정의", 선으로 이루어진 도형들로 .. 2023. 9. 8. [웹디자인기능사] 애니메이션 종류와 간단 설명 [1] 셀 애니메이션 - 초창기 만화영화 제작기법으로 투명한 필름을 이용하여 배경과 주인공을 분리하여 촬영하는 제작 기법 [2] 스톰모션 애니메이션 - 인형 애니메이션 클레이 애니메이션이라고도 한다 - 찰흙 소재인 클레이나 인형을 조금씩 움직여서 콤마씩 촬영을 한 다음 연결하는 기법 [3] 플립 북 - 가장 간단한 애니메이션 효과로 조금씩 변해가는 동작을 그려 넣고 종이들을 일정한 속도로 넘기면 애니메이션 효과를 느낄 수 있다. [4] 고우모션 - 기계 장치가 된 인형이나 제작물들을 움직이게 하고 이것을 촬영하는 기법 [5] 로토스코핑 - 실사와 애니메이션을 합성하는 기법으로 먼저 촬영한 실제의 필름 위에 셀을 트레이싱시키는 방법을 사용 [6] 컬러사이클링 기법 - 네온사인이나 점등의 원리를 사용하는 것.. 2023. 9. 7. [웹디자인기능사] 타이포그래피 Typography? 타이포그래피 Typography? Typo- (인쇄) + graphy(화풍,화법) - 문자를 이용해 그래픽요소로 활용하는 모든 것 - 텍스트를 읽기 쉽고 미적으로 배열하는 방법 구성요소 ? - 문자의 구성요인 : 폰트, 자간, 어간, 대/소문자, 포즈, 중량 - 행의 구성요인 : 문자 크기, 행간, 행폭, 행 정렬 적용 - 대문자는 소문자에 비해 가독성이 떨어짐 - 동시에 많은 서체 사용 X - 본문은 일반적인 폰트 사용할 것 - 줄바꿈에 단어의 단절을 피할 2023. 9. 5. [웹디자인기능사] 문제 은행 오답 노트 12 웹 페이지를 만들기 위해 사용되는 프로그램 중 클라이언트측에서 수행되는 것 ? - VB script GIF 파일 포맷에 대한 설명 ? - 온라인상에서 빠른 이미지의 전송을 목적으로 개발되었다. - JPEG 파일에 비해 압축률이 떨어진다. - GIF는 "Graphics Interchange Format" 의 약자이다. 그로피우스 ? - 바우하우스의 설립자이며, 근대 건축과 디자인 운동의 대표적 지도자이다. BRAIN STORMING ? - 웹 디자인 과정에서 아이디어 발상과 밀접한 관계가 있는 용어 이더넷 (Ethernet) ? - CSMA / CD 버스 통신망으로 가장 널리 사용되는 근거리 통신망 방식이다. 디자인 기본 요소 중 균형을 잡기 위한 요소 ? - 명암 - 크기 - 질감 모자이크 ? - 최초의.. 2023. 9. 4. [웹디자인기능사] 문제 은행 오답 노트 11 기계화와 대량생산에 의한 생활용품의 품질 저하에 반대하여 윌리엄 모리스를 중심으로 영국에서 일어난 수공예 부흥 운동 ? - 미술공예운동 브라우저 ? - 오페라 - 파이어폭스 - 구글크롬 -애플사파리 - MS 익스플로러 - 엣지 - 웹 브라우저에서 보여지는 문서는 웹 페이지라고 함, "페이지"라고도 함 검색엔진 ? --- : 다른 웹 페이지들을 찾게 도와주는 웹 사이트 - 심마니 - 알타비스타 - 구글 - 빙 - 야후 TCP/IP 프로토콜 - TCP/IP 프로토콜이 설치된 컴퓨터에서 인터넷을 이용할 수 있음 보통 보라에서부터 빨강까지의 파장은 380nm 에서 780nm의 범위이며, 이 범위는 우리 눈으로 관찰할 수 있기 때문에 이를 가시광선 이라 한다. 플래시 ? - 웹 페이지 저작도구 - 멀티미디어와 애.. 2023. 9. 3. [웹디자인기능사] 동영상 관련 포맷 방식, 확장자 1. MP4 (.mpr, .mrv) - MPEG에서 개발한 멀티미디어 표준 포맷, 가장 일반적으로 사용되는 동영상 컨테이너 - 장점 : 1) 높은 압축률 H.264 코덱 주로 사용, 비교적 적은 용량으로 좋은 품질의 영상을 볼 수 있음, 2) 인터넷을 통한 스트리밍을 지원하여 스마트폰에서도 많이 사용 - 단점 : 편집, 출력, 재생 시 높은 사양이 요구될 수 있음 2. AVI (.avi) - 영상과 소리를 저장하기 위한 컨테이너 포맷 - Audio Video Interleave - 장점 : 다양한 종류의 코덱 지원, 여러 환경에서 재생할 수 있음 - 단점 : 1) PC에서 재생되는 것이 목적이라 다른 기기에서 제한이 있을 수 있음 2) 다양한 코덱을 지원 하는 만큼 실행 환경에서 지원하지 않는 코덱을 담.. 2023. 9. 2. 이전 1 2 3 4 5 6 7 ··· 25 다음 728x90
