웹 서비스 개발

데이터를 저장하고 전송하기 위해 설계된 마크업 언어 (eXtenxisble Markup Language)XML은 자기 설명적이도록 설계되었다.: XML 문서가 그 자체로 데이터를 이해하는 데 필요한 정보를 포함하고 있어, 데이터를 쉽게 해석하고 처리할 수 있게 설계되었

1. 유용한 사이트 (Code Beautify, W3Schools Valiidator) [1-1] Code Beautify - XML Viewer XML Syntax Checking (XML 구문 검사) XML Node Hierarchy (XML 노드 계층 구조)

Attribute는 특정 element와 관련된 데이터를 포함하도록 설계되었다.Attribute는 항상 따옴표로 묶어야 한다. (작은 따옴표 또는 큰 따옴표도 가능): attributes를 언제 사용해야 하는지, XML에서 element를 언제 사용해야 하는지에 대한

: 화면이나 다른 미디어에 XML 및 HTML 요소를 표시하는 방법을 설명한다.CSS는 많은 작업을 절약해주어, 여러 웹 페이지의 레이아웃을 한 번에 제어할 수 있다.: CSS 규칙 세트는 Selector과 선언 블록으로 구성된다.Selector는 스타일을 지정하려는

: 교수님께서 주신 파일을 XAMPP 프로그램의 실행 폴더에 옮겨서 실행했으나, 아래의 사진과 같은 오류가 발생했다. Error가 403인 경우에는 대부분 웹 페이지를 볼 수 있는 권한이 없는 경우를 의미하는 것이 생각났다.그래서 해당 폴더와 파일의 권한 및 소유자 정

pt, px, rem, em 등 다양한 단위도 존재한다.

[1] translate : 요소의 위치를 수평 또는 수직 방향으로 변경하거나, 수평 및 수직 방향으로 변경한다. (지차원 벡터의 특징에 따라 이동시킨다.) 1) 포맷 translate : x좌표, y좌표 2) 예시 [2] transform : 요소에 회전, 크기

0. 시작하기에 앞서,, 오늘은 웹 서비스 개발 Quiz가 있는 날.. 간단한 CSS Test를 본다고 하셨고 오늘의 중점적인 부분은 포스팅의 제목에 있는 것처럼 > text-shadow, transform, transition 이렇게 세 가지를 중점적으로 보시

: Document Type Definition의 약자로, 문서 유형 정의 방식을 의미한다.: XML 문서가 어떤 요소들로 구성되어 있고, 그 요소들이 어떻게 상호작용하는지를 규정한다.XML 문서의 구조와 법적 요소 및 속성을 정의한다.이를 사용하면 독립적인 그룹이 데

: <!ELEMENT 구문을 사용하여 정의한다.element-name: 요소의 이름category: 요소의 콘텐츠 유형 (EMPTY, ANY, (: 빈 요소는 콘텐츠 없이 선언되며, EMTPY 키워드를 사용: \`: note 요소는 message 요소를 한 번만

1. Attribute types (속성 종류) [0] 종류 CDATA ENTITY ID IDREF IDREFS NMTOKEN NMTOKENS [1] ENTITY 1) 코드 2) 사용 방법 (1) `` (2) & 기호를 사용하여 엔티티를 사용한다. [2]

: 요소 이름 충돌을 방지하기 위한 방법을 제공한다.: 요소 이름 앞에 접두사를 붙여 구분한다. (예: <h:table>, <f:table>): 네임스페이스를 정의하기 위해 사용한다. 형식: xmlns:접두사="URI"예: xmlns:h="http:

: XML 문서의 구조를 설명하는 역할을 한다.XML 스키마 언어는 XSD(XML Schema Definition)라고도 한다.note : XML 문서의 루트 요소로, note라는 이름을 가진 요소입니다.xmlns:xsi : XML Schema 인스턴스 네임스페이스를

정의: Restriction은 XML 요소나 속성에 대해 허용되는 값을 정의하는 데 사용된다. 이를 통해 데이터의 유효성을 검사하고, 특정 데이터 형식을 강제할 수 있다.Facets: XML 요소에 대한 제한을 적용할 때 사용하는 속성을 facets라고 하며, 이들은

구문 분석 가능한 문자 데이터파서에 의해 파싱될 데이터파서에서 엔티티와 마크업을 검사한다.&, <, > 문자가 포함되지 않아야 한다.엔티티로 표현해야 한다.문자 데이터파서가 파싱하지 않는 텍스트텍스트 내부의 태그는PCDATA: 일반적인 텍스트 내용을 XML에 포함

3. 값 집합에 대한 제한 [1] enumeration 제약 조건 정의: 특정 요소가 가질 수 있는 값을 고정된 집합으로 정의합니다. 1) 예시: (1) XML (2) XSD [2] `` 공백 처리 정의: XML Schema에서 문자열에 포함된 공백 문자를 어떻

: 문서에 표시기를 사용하여 요소를 사용하는 방법을 제어한다.Order indicatorsa. All: 요소들이 순서 상관없이 나타날 수 있지만, 각 요소는 0 또는 1번만 나올 수 있다.b. Choice: 지정된 여러 요소 중 하나만 선택해 나타날 수 있다.c. Se

Basic Frame, CSS, CSS effects, Transformation, HyperLInk

1. HyperLink (and other tags) [1] HyperLink 1) 형태 2) 예시 [2] hr 1) 형태 `` 2) 예시 2. Special Characters [1] strong 1) 형태 {컨텐츠} 2) 예시 [2]

1. XML DOM [1] XML DOM이란? : XML DOM(문서 객체 모델, Document Object Model)은 XML 문서를 조작하기 위한 표준화된 방식이다. 이를 통해 XML 요소에 접근하고, 변경하거나, 추가 및 삭제할 수 있다. 1) 특징 표준

[1] nth-child 1) 형태 2) 설명 nth-child는 선택자가 해당 요소의 형제들 중에서 몇 번째인지에 따라 스타일을 적용하는 CSS 함수이다. odd는 홀수를 의미하며, even은 짝수를 의미한다. 정수값이나 수식을 통해서도 지정할 수 있다. 예시:

[1] Internal Linking 같은 문서 내에서 위치 간의 이동을 가능하게 하는 방식이다. id 속성을 사용해 특정 요소에 고유 식별자를 부여하고, href에 #id명을 사용하여 해당 요소로 이동시킨다. 1) 예시 2) 설명 id: 특정 HTML 요소에 고유

: ImageMap은 하나의 이미지에서 여러 영역을 클릭하여 서로 다른 링크로 이동할 수 있는 방식이다.이를 통해 이미지 내 특정 영역을 지정해 사용자가 클릭할 수 있는 인터랙티브한 요소를 만들 수 있다. 각 영역은 사각형, 원형, 또는 다각형 등 다양한 모양으로 지정

일자 : 9주차 2차시

일자 : 10주차 1차시

일자 : 10주차 2차시

일자 : 11주차 1차시 [1] onmousedown, onmouseup, 그리고 onclick 이벤트 1) 특징 onmousedown, onmouseup, 그리고 onclick 이벤트는 마우스 클릭의 단계별 과정을 구성한다. 먼저, 마우스 버튼을 클릭하면 onm

일자 : 11주차 1차시

일자 : 11주차 1차시

일자 : 24-2 11주차 2차시

일시 : 11주차 2차시 (1) [1] 관계형 데이터베이스 관리 시스템 (RDBMS)에서의 테이블 스키마 고려사항 1) 목표 실제 세계를 정확히 표현하기 각 관계의 릴레이션과 속성 결정 속성 및 관계 식별 데이터 종속성 효율적인 데이터 관리 손실 없는 데이터 표현

일자 : 24-2 12주차 1차시

일자 : 24-2 12주차 2차시!목표MySQL DB에 접근하고 Apache 서버에서 고급 프로그래밍 언어 기능을 사용하기 위한 PHP 언어Apache 서버에서 PHP 코드를 실행하기수년 동안 PHP는 PHP는 서버 스크립팅 언어이며, 동적이고 상호작용이 가능한 웹 페

일자 : 24-2 12주차 2차시 (2)MySQL은 웹에서 사용되는 데이터베이스 시스템이다.MySQL은 서버에서 실행되는 데이터베이스 시스템이다.MySQL은 소규모 및 대규모 애플리케이션 모두에 적합하다.MySQL은 매우 빠르고, 신뢰성이 높으며 사용하기 쉽다.MySQ

일자 : 24-2 12주차 2차시 (3) [1] PHP MySQL Insert Multiple Records > 여러 레코드를 한 번에 삽입하기 위해 multi_query를 사용하여 여러 INSERT 문을 실행하는 코드입니다. [2] Get ID of The Last Inserted Record If we perform an INSERT or UPD...

일자 : 13주차 1차시 (1)함수 외부에서 선언된 변수는 전역 범위(GLOBAL SCOPE)를 가지며, 함수 외부에서만 접근할 수 있다.함수 내부에서 사용하기 위해서는 변수명 앞에 '$'을 붙여서 사용해야 한다.하지만 전역 변수를 너무 많이 사용하는 것은 코드의 가독

일자 : 24-2 13주차 1차시 (2)인덱스 배열: 숫자 인덱스를 사용하는 배열연관 배열: 이름을 키로 사용하는 배열다차원 배열: 다른 배열을 포함하는 배열count() 함수는 배열의 길이(즉, 배열의 요소 개수)를 반환하는 함수이다.인덱스 배열은 숫자 인덱스를 사용

일자 : 24-2 13주차 1차시 (1)GET 방식으로 전송된 데이터를 PHP에서 처리하려면, $\_GET 배열을 사용하여 URL에 포함된 데이터를 가져올 수 있다.사용자가 폼을 제출하면 name과 email 필드에 입력된 값들이 GET 방식으로 welcome.php로

일자 : 24-2 13주차 2차시html에서 제출한 form을 바탕으로php에서 해당 값을 html 코드로 출력하고mySQL에 값을 등록하는 것을 목표로 한다.이름, 이메일, 웹사이트, 댓글, 성별을 input으로 입력 받는다.method는 post로 작성하여 보안성을

: Make the DB and table before running the program.DB : myDBTable : NameEmail데이터베이스: myDB테이블: MyGuests이 예시는 PHP와 MySQL을 사용하여 데이터베이스에서 정보를 조회하는 방법을 설명한

일자 : 24-2 14주차 1차시 [1] Korean Characters 1) EUC-KR에서 한글 깨짐 파일 저장 및 환경 불일치로 인해 한글이 깨짐. 파일이 UTF-8로 저장되었으나, 브라우저가 EUC-KR로 해석. EUC-KR은 2바이트 고정이므로 U

일자 : 24-2 14주차 1차시 (2)<label> 태그의 for 속성은 <input> 요소의 id 속성과 같아야 두 요소가 연결된다.이렇게 하면 라벨을 클릭할 때 해당 입력 필드로 포커스가 이동하거나, 키보드 접근성 및 사용자 경험을 향상시킬 수 있다.

By default, links will appear as follows in all browsers:An unvisited link is underlined and blueA visited link is underlined and purpleAn actice link

특정 테이블의 일부 열을 선택하여 데이터를 복사하면서 새로운 테이블을 생성할 수 있다. 이 과정에서 새 테이블은 원본 테이블의 선택된 열과 동일한 데이터 형식을 가지며, 기본적으로 제약 조건(Primary Key, Foreign Key 등)은 복사되지 않는다. 사용

일자 : 24-2 15주차 1차시AJAX = 비동기 JavaScript 및 XML.AJAX는 프로그래밍 언어가 아니다.AJAX는 다음과 같은 조합을 사용한다:브라우저에 내장된 XMLHttpRequest 객체JavaScript 및 HTML DOMAJAX라는 이름은 오해를