카테고리: Project/Portfolio

날짜제목
날짜제목

jQueryUI – XML 연동 실험

제이쿼리 웹앱과 XML 간의 AJAX 연동을 실험하여 보았습니다. 실험 대상은 예전에 제이쿼리 웹앱 디자인 예시로 사용한 걸그룹 여자친구 관련 웹앱입니다. (원본: https://pjw48.net/portfolio/jwa/) 연동할 XML 문서를 다음과 같이 만들었다고 가정합니다. <?xml version=”1.0″ encoding=”UTF-8″?> <gfriend> <mainpage> <image>images/gfriend_2015.jpg</image> <description>여자친구 공연 사진</description> </mainpage> <profile> <image>images/gfriend_2017_greeting.jpg</image> <description><![CDATA[ <p>여자친구(GFRIEND)는 2015년 1월 25일 데뷔한 걸그룹으로 소속사는 쏘스뮤직이며 멤버 수는 6명입니다.</p> <p>데뷔앨범은 미니앨범 … “jQueryUI – XML 연동 실험” 더 읽기

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