이 페이지의 게시글 목록

날짜제목
날짜제목

자바스크립트로 XML 파싱하기 (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 파싱하기

이 포스트에서는 자바스크립트로 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 파싱하기” 더 읽기

루비에서 Hello, world! 출력하기, puts와 print의 차이

이 포스트에서는 루비에서 Hello, world!를 출력하는 방법을 설명합니다. 루비에서는 출력문을 사용하여 Hello, world!를 출력하고자 할 때 다음과 같은 두 가지 방법이 있습니다. puts “Hello, world!” print “Hello, world!” 이 두 가지 코드의 실행 결과는 다음과 같습니다. Hello, world! 두 코드가 똑같이 ‘Hello, world!’를 출력합니다. 이렇게 본다면 puts와 print는 같다고 생각될 수도 있습니다. 하지만 차이가 있습니다. … “루비에서 Hello, world! 출력하기, puts와 print의 차이” 더 읽기

PHP로 JSON 파일 만들기

이 포스트에서는 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 파일 만들기 2

이전 포스트에서 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” 더 읽기

PHP로 간단한 XML 파일 만들기

이 포스트에서는 PHP로 XML 파일을 만드는 방법을 소개합니다. PHP로 XML 파일을 만드는 방법은 여러 가지가 있지만 여기서는 SimpleXMLElement 확장 기능을 사용하여 간단하게 만들어 보도록 하겠습니다. <?php // Data $members = array(‘소원’, ‘예린’, ‘은하’, ‘유주’, ‘신비’, ‘엄지’); $albums = array(‘Season of Glass’, ‘Flower Bud’, ‘Snowflake’, ‘LOL’); // Create XML $xml = new SimpleXMLElement(‘<girlgroup />’); // Generate … “PHP로 간단한 XML 파일 만들기” 더 읽기

자바스크립트로 Form 인자값 얻기 (GET)

HTML 문서의 폼(Form)을 보내는 방법은 GET 방식과 POST 방식이 있습니다. URL에 데이터를 실어 보내는 GET 방식은 데이터를 자바스크립트로 얻을 수 있습니다. 자바스크립트로 GET 인자값을 얻는 함수 선언은 다음과 같습니다. function receive_get_data(param) { var result = null, tmp = []; var items = window.location.search.substring(1).split(“&”); for (var i = 0; i < items.length; i++) { tmp = … “자바스크립트로 Form 인자값 얻기 (GET)” 더 읽기

접속한 기기가 모바일인지 아닌지 확인하는 자바스크립트

이 글은 필자의 티스토리 블로그에서 포크하였습니다. (원글 링크) 요즘 웹 사이트를 보면 모바일로 접속하였느냐 일반 PC로 접속하였느냐에 따라 페이지가 다르게 보여지는 경우들이 있는데요. 이 포스트에서는 모바일 접속 여부에 따라 다르게 보여지는 기능을 구현하기 위한 자바스크립트를 설명합니다. /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); 일단 이 한 줄의 코드만으로도 모바일인지 아닌지 간단하게 검출 가능합니다. 만약 모바일에서 접속했다면 true 값을 돌려줄 것이고 … “접속한 기기가 모바일인지 아닌지 확인하는 자바스크립트” 더 읽기

HTML SVG 라듐시계 (바이너리)

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 바이너리 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 또한, 연도와 월, 일, 요일을 위쪽에 표시하고 시, 분, 초를 아래쪽에 표시합니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/binary.html

HTML5와 SVG로 구현한 라듐시계

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/ 무지개 버전은: https://pjw48.net/webapp/radiumclock/rainbow.html GitHub: https://github.com/JuwanPark/WebApps/tree/master/radiumclock