카테고리: Project/Portfolio

날짜제목
날짜제목

HTML < ... > 변환기

이 화면에서 직접 실행하실 수 있습니다. Source: < > to &lt; &gt;&lt; &gt; to < > Clear Conv Dest: Copy 설명 코드에 포함되어 있는 < >를 &lt; &gt;로 변환하는 웹앱입니다. HTML 문서에 < >를 그대로 사용할 경우 태그의 시작으로 잘못 인식하여 의도하지 않은 결과가 일어날 수 있어서 이를 &lt; &gt;로 변환하는 과정이 필수적인데, 이 변환 … “HTML < ... > 변환기” 더 읽기

HTML SVG 라듐시계 (로마 숫자)

플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 로마 숫자 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 시각 숫자는 로마 숫자로 표현하였으며, 시각에 따라 회전되게 구현하였습니다. 본래 4에 해당하는 로마 숫자는 IV이지만 시계에서는 전통적으로 IIII를 사용한다는 점을 고려하여 여기서도 IIII로 표현하였습니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/roman.html

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