내 티스토리 블로그에 Apple II 에뮬레이터 설치하기 (복사+붙여넣기)

최근 레트로 감성이 다시 유행하고 있습니다. 만약 여러분의 블로그나 웹사이트에 방문자들이 잠시 머물며 즐길 수 있는 특별한 콘텐츠를 찾고 있다면, 'Apple II' 에뮬레이터를 설치해보는 것은 어떨까요? 코딩을 전혀 몰라도 괜찮습니다. 이 가이드만 따라오시면, 간단한 '복사하기'와 '붙여넣기'만으로 여러분의 사이트는 순식간에 1980년대의 컴퓨터 교실로 변신할 것입니다.

iframe으로 5분 만에 끝내는 가장 쉬운 방법

웹 개발 지식이 없어도 누구나 따라 할 수 있는 가장 간단하고 확실한 방법입니다. HTML의 <iframe> 태그는 다른 웹사이트의 콘텐츠를 내 사이트 안에 액자처럼 걸어주는 기능입니다. 이 방법을 사용하면 복잡한 설치 과정 없이 바로 에뮬레이터를 실행할 수 있습니다.

Apple ][js: 클래식한 오리지널 감성

자바스크립트로 만들어진 가장 대표적인 웹 기반 Apple II 에뮬레이터입니다.

1. Apple II+ 기본 버전 설치하기

아래 코드를 복사해서 여러분의 블로그 글쓰기 창이나 HTML 편집기에 그대로 붙여넣어 보세요.

<iframe src="https://www.scullinsteel.com/apple2/" width="800" height="600" style="border:none;"></iframe>

2. Apple //e 확장 버전 설치하기

조금 더 기능이 향상된 Apple //e 버전을 원하신다면 아래 코드를 사용하세요. src 주소만 다릅니다.

<iframe src="https://www.scullinsteel.com/apple/e" width="800" height="600" style="border:none;"></iframe>

Tip! width="800" height="600" 값은 여러분의 블로그 스킨이나 레이아웃에 맞게 숫자를 조절해서 사용하세요.

cyanIIde: 특정 게임을 바로 실행하고 싶을 때

cyanIIde 에뮬레이터는 방문자가 페이지에 접속하자마자 특정 게임이나 프로그램을 바로 실행시킬 수 있는 강력한 기능을 제공합니다.

1. cyanIIde 기본 에뮬레이터 설치

<iframe src="https://paleotronic.com/cyan/cyaniide.html" width="560" height="440" style="border:none;"></iframe>

2. 추억의 게임 '푸얀(Pooyan)' 바로 실행하기

<iframe src="https://paleotronic.com/cyan/index.html?disk1=pooyan.dsk" width="560" height="440" style="border:none;"></iframe>

이 방법을 이용하면 방문자들은 별다른 조작 없이 바로 추억의 게임을 즐길 수 있게 됩니다.

전문가를 위한 방법: 소스 코드로 직접 설치하기

만약 에뮬레이터의 디자인을 내 사이트에 맞게 바꾸거나, 내가 가진 디스크(.dsk) 파일을 직접 올려서 사용하고 싶다면 소스 코드를 직접 설치하는 방법을 시도해볼 수 있습니다. 이 방법은 HTML과 JavaScript에 대한 약간의 이해가 필요합니다.

에뮬레이터 소스 코드 다운로드

Apple ][js: GitHub 저장소에서 소스 코드 전체를 내려받습니다.

cyanIIde: Paleotronic Magazine 페이지에서 'standalone' 버전을 다운로드합니다.

내 웹 서버에 업로드

다운로드한 파일의 압축을 풀어 FTP 등을 이용해 자신의 웹 서버 계정에 업로드합니다.

자유로운 수정 및 설정

이제 모든 소스 파일이 여러분의 서버에 있으므로, HTML, CSS 파일을 수정해 디자인을 바꾸거나 JavaScript 파일을 수정해 기능을 변경할 수 있습니다. 내가 가진 디스크 파일을 서버에 올리고 기본으로 불러오도록 설정하는 등 완벽한 커스터마이징이 가능합니다.

결론: 지금 바로 시작해보세요!

대부분의 블로거나 웹사이트 운영자에게는 첫 번째로 소개해드린 <iframe> 방법만으로도 충분합니다. 방문자에게 색다른 재미를 선사하고 싶다면, 지금 바로 위에 있는 코드를 복사해서 여러분의 사이트에 적용해보세요. 타임머신을 타고 돌아간 듯한 특별한 경험을 선물할 수 있을 겁니다.