HTML29 선언형 언어 ★ p.607, 4-32 1) 선언형 언어의 개요 - 명령형 언어가 문제를 해결하기 위한 방법을 기술한다면, 선언형 언어는 프로그램이 수행해야 하는 문제를 기술하는 언어 - 함수형 언어(적용형 언어)와 논리형 언어(선언적 언어)가 있음 - 목표를 명시하고 알고리즘은 명시하지 않음 cf) 명령형 언어(절차적 언어, 객체지향 언어) -알고리즘을 명시하고 목표는 명시하지 않음 -폰노이만 구조에 개념적인 기초를 두고 있음 -특정 구문의 연산을 이용하여 상태를 변경시키고 프로그램을 동작시킴 2) 선언형 언어의 장, 단점 - 가독성이나 재사용성이 좋고, 오류가 적음 - 프로그램 동작을 변경하지 않고도 관련 값을 대체할 수 있음 3) 선언형 언어의 종류 종류 특징 Haskell (하스켈) - 함수형 프로그래밍 언어, 부.. 2020. 10. 5. 인터페이스 구현 | 인터페이스 보안 ★★ p.276~281, 2-98, 2-112 1) 데이터 통신을 이용한 인터페이스 구현 __ 20년 1, 2회 기출문제 - 애플리케이션 영역에서 인터페이스 형식에 맞춘 데이터 포맷을 인터페이스 대상으로 전송하고 이를 수신 측에서 파싱(Parsing)해 해석하는 방식 - 주로 JSON이나 XML형식의 데이터 포맷을 사용해 인터페이스를 구현 * JSON(JavaScript Object Notation): 속성-값 쌍(Attribut-Value Pairs)으로 이뤄진 데이터 객체를 전달하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 개방형 표준 포맷 ★ * XML(eXtensible Markup Language): 특수한 목적을 갖는 마크업 언어를 만드는 데 사용되는 다목적 마크업 언어, 웹 페이지의 기본 형식.. 2020. 10. 1. [HTML/CSS] Media Queries(미디어쿼리), Viewport(뷰포트) 1) 미디어쿼리 소개 미디어퀴리(Media Queries)는 각 미디어 매체에 따라 다른 스타일(css style)을 적용할 수 있게 만드는 것입니다. 미디어 매체는 모니터와 같은 스크린 매체, 프린트, 스크린 리더기와 같은 것들을 이야기 합니다. 미디어쿼리는 동일한 웹 페이지를 다양한 환경의 사용자들에게 최적화된 경험을 제공할 수 있게 해줍니다. 미디어쿼리는 CSS2의 미디어 타입(Media Types)을 확장해서 만들어졌습니다. 미디어타입은 이론적으로는 훌륭했지만, 결과적으로 제대로 활용되지 못했습니다. 이유는 당시에는 미디어 타입을 제대로 지원하는 기기가 없었기 때문입니다. 미디어 쿼리가 등장하기 이전에는 제대로 된 반응형 웹 사이트를 제작할 수는 없었습니다. 하지만 당시에는 사용자들의 환경이 아주.. 2020. 8. 22. [HTML/CSS] CSS - display, visibility, float, clear, position, z-index, 유효성 검사 1) 속성 - display display none box1 box2 box3 inline box1 box2 box3 block box1 box2 box3 inline-block box1 box2 box3 list-item box1 box2 box3 body>div { padding: 5px; border: 1px dashed #aaa; } .box { padding: 15px; background-color: #eee; border: 1px solid #aaa; } .none .box { display: none; } .inline .box { display: inline; } .block .box { display: block; } .inline-block .box { display: inline-b.. 2020. 8. 21. [HTML/CSS] CSS Box Model - Width, Height 10) 속성 - width width는 요소의 가로 크기를 정의하는 데 사용하는 속성으로, 정확히는 content 영역의 너비를 지정하는 것을 의미한다. 기본값이 auto이기 때문에 브라우저를 resize할 때 저절로 width가 변화된다. box .box { width: 100px; padding: 20px; border: 10px solid black; } 위 코드를 분석해보면 width에 의해 100px content + ( 20px * 2 ) padding + ( 10px * 2 ) border = 160px이 되는 것이다. child .parent { width: 300px; border: 20px solid red; } .child { width: 50%; padding: 20px; borde.. 2020. 8. 13. 이전 1 2 3 4 ··· 6 다음
