이 포스트에서는 HTML5에서 사용하지 않게 된 태그들을 설명합니다. 먼저, CSS로 대체할 수 있어 사용하지 않게 된 태그들입니다. <basefont> <head> 안에 넣어서 기본 글꼴을 지정하는 태그입니다. 현재 모든 브라우저에서 지원하지 않습니다. <big> 글자를 크게 하는 태그입니다. CSS 속성으로 font-size 속성을 주는 것으로 대체합니다. <center> 가운데로 정렬하는 태그입니다. CSS 속성으로 text-align: center; 속성을 주는 것으로 대체합니다. <font> … “HTML5에서 사용하지 않게 된 태그들” 더 읽기
HTML5 시대에 맞게 홈페이지 코딩하기 포스트에서 이어지는 포스트입니다. 이 포스트에서는 HTML5 문서의 head 태그 안에 들어갈 내용에 대한 설명입니다. head 태그는 body와 함께 HTML 태그의 차상위 태그로(최상위는 html) body가 문서의 내용을 서술하는 부분이라면 head는 문서의 속성을 지정하는 부분입니다. 다음 코드를 봅시다. <!DOCTYPE html> <html lang=”ko”> <head> <meta charset=”utf-8″ /> <meta name=”viewport” content=”width=device-width, initial-scale=1″ /> <meta … “HTML5 문서의 head 태그에 들어갈 내용들” 더 읽기
이 포스트에서는 PHP로 XML 문서의 데이터를 읽어들이는 방법을 설명합니다. 설명하기에 앞서 우선 XML 문서를 하나 준비합니다. <?xml version=”1.0″ encoding=”UTF-8″?> <girlgroup> <name alias=”GFRIEND”>여자친구</name> <members> <member>소원</member> <member>예린</member> <member>은하</member> <member>유주</member> <member>신비</member> <member>엄지</member> </members> <albums> <album order=”EP 1집”>Season of Glass</album> <album order=”EP 2집”>Flower Bud</album> <album order=”EP 3집”>SNOWFLAKE</album> <album order=”정규 1집”>LOL</album> <album order=”EP 4집”>THE AWAKENING</album> </albums> </girlgroup> 언제나처럼 이번에도 예시는 … “PHP로 XML 파싱하기” 더 읽기
이 포스트에서는 PHP로 SVG 문서를 만드는 방법을 설명합니다. 방법은 PHP로 간단한 XML 만들기 포스트에 설명한 방법과 대동소이합니다 SVG가 XML 형식으로 되어 있기 때문입니다. 일단 코드는 다음과 같습니다. <?php // Create SVG XML $svg = new SimpleXMLElement(‘<svg />’); $svg->addAttribute(‘version’, ‘1.1’); $svg->addAttribute(‘xmlns’, ‘http://www.w3.org/2000/svg’); $svg->addAttribute(‘xmlns:xmlns:xlink’, ‘http://www.w3.org/1999/xlink’); // Width and Height $svg->addAttribute(‘width’, 100); $svg->addAttribute(‘height’, 100); // Elements $rect = … “PHP로 SVG 문서 만들기” 더 읽기
이 포스트에서는 자바스크립트로 JSON 파일을 만드는 방법을 소개합니다. PHP로 JSON 파일 만들기에서 코딩한 것처럼 생성하는 과정은 간단합니다. 다음과 같습니다. <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ var obj = new Object(); obj.name = “여자친구” obj.members = [“소원”, “예린”, “은하”, “유주”, “신비”, “엄지”]; obj.albums = {“EP 1집”: “Season of Glass”, “EP … “자바스크립트로 JSON 파일 만들기” 더 읽기
이 포스트에서는 제이쿼리를 써서 JSON 데이터를 파싱하는 방법을 설명합니다. JSON 데이터 파싱 방법은 기본적으로는 XML 파싱할 때와 같지만, JavaScript Object Notation이라는 의미답게 XML 파싱에 비해 코드가 간결해진다는 특징이 있습니다. 우선 JSON 문서가 다음과 같이 있다고 가정합니다. (편의를 위해 데이터를 여러 줄에 걸쳐서 전개하였습니다.) { “name”: “여자친구”, “members”: [ “소원”, “예린”, “은하”, “유주”, “신비”, “엄지” ], … “자바스크립트로 JSON 파싱하기 (jQuery)” 더 읽기
이전의 자바스크립트로 XML 파싱하기에서는 제이쿼리(jQuery)를 사용하지 않고 순수 자바스크립트로만 AJAX를 사용하였습니다. 하지만 제이쿼리를 이용하면 코드를 더욱 간결하게 만들 수 있습니다. 제이쿼리를 사용하여 이전 포스트의 자바스크트 부분의 코드를 다시 작성할 경우, 다음과 같이 됩니다. <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js”></script> <script type=”text/javascript”> $(document).ready(function(){ $.ajax({ type: “GET”, url: “xml_sample.xml”, dataType: “xml”, success: function (xml) … “자바스크립트로 XML 파싱하기 (jQuery)” 더 읽기
이 포스트에서는 자바스크립트로 XML 문서의 데이터를 읽어들이는 AJAX 기법을 사용하는 방법을 설명합니다. 우선, XML 문서가 다음과 같이 있다고 가정합니다. <?xml version=”1.0″ encoding=”UTF-8″?> <girlgroup> <name>여자친구</name> <members> <member>소원</member> <member>예린</member> <member>은하</member> <member>유주</member> <member>신비</member> <member>엄지</member> </members> <albums> <album order=”EP 1집”>Season of Glass</album> <album order=”EP 2집”>Flower Bud</album> <album order=”EP 3집”>Snowflake</album> <album order=”정규 1집”>LOL</album> </albums> </girlgroup> 이 XML 문서의 파일 이름이 … “자바스크립트로 XML 파싱하기” 더 읽기
이 포스트에서는 PHP로 JSON 파일을 만드는 방법을 소개합니다. JSON 파일 만들기는 XML 파일 만드는 방법과 비슷하지만 프로그래밍 코드는 더 간단합니다. 다음과 같습니다. <?php // Data $members = array(‘소원’, ‘예린’, ‘은하’, ‘유주’, ‘신비’, ‘엄지’); $albums = array(‘EP 1집’=>’Season of Glass’, ‘EP 2집’=>’Flower Bud’, ‘EP 3집’=>’Snowflake’, ‘정규 1집’=>’LOL’); $group_data = array(‘name’=>’여자친구’); $group_data[‘members’] = $members; $group_data[‘albums’] = $albums; … “PHP로 JSON 파일 만들기” 더 읽기
이전 포스트에서 PHP로 간단한 XML 파일 만드는 방법을 설명하였습니다. 여기서는 이 코드를 응용하여 보겠습니다. <?php // Data $members = array(‘소원’, ‘예린’, ‘은하’, ‘유주’, ‘신비’, ‘엄지’); $member_aliases = array(‘소원’=>’Sowon’, ‘예린’=>’Yerin’, ‘은하’=>’Eunha’, ‘유주’=>’Yuju’, ‘신비’=>’SinB’, ‘엄지’=>’Umji’); $leader = ‘소원’; $albums = array(‘Season of Glass’, ‘Flower Bud’, ‘Snowflake’, ‘LOL’); // Create XML $xml = new SimpleXMLElement(‘<girlgroup />’); // Generate … “PHP로 간단한 XML 파일 만들기 2” 더 읽기