웹 개발자 & 디자이너 PJW48의 생각보관창고 블로그입니다.
C언어로 만든 간단한 가위바위보 게임 소스입니다. 포트폴리오를 전시하기 위한 프로젝트의 일환으로, 워밍업 차원에서 C언어 콘솔 게임을 간단하게 만들어 본 것입니다. 게임을 세팅, 진행, 종료의 세 부분으로 나눠서 각 부분에 함수를 하나씩 선언하였고, 게임 진행에 필요한 변수는 구조체 형태로 선언한 후 포인터를 이용해 각 게임 함수를 넘나들며 해당 변수에 접근할 수 있도록 하였습니다. 게임 방법은 먼저 … 더 보기 “C언어로 만든 간단한 가위바위보 게임”
DOS시절 PC통신 프로그램 ‘이야기 5,3’에 쓰인 ‘굵은체’를 웹폰트로 복각하였습니다. 도트 폰트를 복각한 것으로, 레트로 분위기를 내기에 적합합니다. 추억의 PC통신 화면을 재현하거나, 고전게임 풍의 게임을 만들 때 사용하시면 좋습니다. 11,172자의 한글 완성자와 로마자(영문자), KS X 1001 특수문자 등이 복각되어 있습니다. 특수문자는 패치를 통해 추가되거나 변경될 수 있습니다. 링크는 다음과 같습니다: https://pjw48.net/iyagiggc/ 폰트는 MIT 라이선스를 기반으로 배포됩니다. … 더 보기 “이야기 굵은체 복각”
파이썬으로 가상 웹 서버 프로그램을 만들어 보았습니다. 주의: 이 프로그램을 실제 운영할 웹 페이지의 서비스 용도로 사용하는 것은 권장되지 않습니다. 따라서 프론트엔드 웹 디자인을 실험하기 위한 용도 등으로만 사용하시는 것을 권장합니다. 파이썬으로 간단한 웹 서버 구성해 보기 포스트에서 가상 웹 서버 구현에 관한 내용을 포스팅한 바 있는데, 해당 포스트에서는 좀 긴 명령어를 입력해야 한다는 단점이 … 더 보기 “파이썬으로 만든 가상 웹 서버 프로그램”
파이썬으로 윈도우 명령 프롬프트용 지뢰찾기 게임을 만들어 보았습니다. 구현 사항은 다음과 같습니다. 4가지 난이도 (쉬움, 중간, 어려움, 사용자 지정) 임시 표시(? 표시)가 가능하도록 구현 지뢰가 있는 칸이 첫 클릭에 열리지 않음 키 조작은 다음과 같습니다. 화살표: 이동 Z: 칸 열기 (열리지 않은 칸에만) X: 깃발 표시/해제 C: 임시 표시/해제 A: 자동으로 인접칸 열기 (숫자칸과 인접한 … 더 보기 “파이썬으로 만든 윈도우 명령 프롬프트용 지뢰찾기 게임”
리눅스에서 작동하는 CLS 명령을 C언어로 작성하였습니다. 윈도우즈 명령 프롬프트에서는 cls 명령어를 치면 콘솔 화면이 전부 청소됩니다. 리눅스에도 이에 대응하는 명령어로 clear가 있지만, 스크롤이 가능한 터미널 환경에서는 보여지는 화면보다 위에 있는 줄이 지워지지 않는 문제가 있습니다. 여기서는 스크롤되는 윗줄까지 전부 지우는 cls 명령을 만듭니다. 코드는 다음과 같습니다. (2018년 7월 5일 수정) #include <stdio.h> int main() { … 더 보기 “리눅스용 CLS 다운로드”
이 웹앱은 전광판 웹앱 실험적으로 만들기 포스트의 코드를 기반으로 만든 웹앱으로, 특별히 홍대에서 활동하는 댄스팀 레드크루(Red Crew)의 리더 이강용 군을 응원하기 위한 웹앱으로 제작하여 보았습니다. 스마트폰이나 태블릿 기기의 웹 브라우저로 이 웹앱을 구동시켜서 사용하면 됩니다. 스마트폰의 경우 화면 회전 기능을 활성화시킨 후 가로화면으로 놓고 들고 계시면 됩니다. 아직은 실험단계로 추후 업데이트가 가능합니다. 8월 13일 업데이트: … 더 보기 “응원용 전광판 웹앱 (홍대 레드크루 버전)”
LED 전광판 웹앱을 만드는 실험적인 시도를 해 보았습니다. 한글과 라틴 문자를 지원하며 여러 색을 입힐 수 있는 전광판입니다. 예전에 전광판 효과로 나타내는 자바 애플릿이 있었지만 현재 자바 애플릿이 쇠퇴하는 추세에 있는 관계로 전광판 애플릿을 대체하기 위한 목적으로 실험적 개발을 하여 보았습니다. 전광판 데이터는 XML 파일에서 받아오는 형식입니다. 예를 들어, 이 예제에 사용된 demo.xml 파일의 내용은 … 더 보기 “전광판 웹앱 실험적으로 만들기”
이 화면에서 직접 실행하실 수 있습니다. Source: < > to < >< > to < > Clear Conv Dest: Copy 설명 코드에 포함되어 있는 < >를 < >로 변환하는 웹앱입니다. HTML 문서에 < >를 그대로 사용할 경우 태그의 시작으로 잘못 인식하여 의도하지 않은 결과가 일어날 수 있어서 이를 < >로 변환하는 과정이 필수적인데, 이 변환 … 더 보기 “HTML < ... > 변환기”
플래시 없이 HTML5와 SVG, CSS와 자바스크립트를 이용하여 구현해 본 라듐시계(원본 포스트)의 로마 숫자 버전입니다. 라듐 특유의 푸른 야광빛을 구현하였습니다. 시각 숫자는 로마 숫자로 표현하였으며, 시각에 따라 회전되게 구현하였습니다. 본래 4에 해당하는 로마 숫자는 IV이지만 시계에서는 전통적으로 IIII를 사용한다는 점을 고려하여 여기서도 IIII로 표현하였습니다. 링크는 다음과 같습니다: https://pjw48.net/webapp/radiumclock/roman.html
제이쿼리 웹앱과 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><
