Wicked Coolkit으로 90년대를 되살리다

90년대를 기억하시나요? Pokémon, Beanie Babies, Crazy Bones, Super Nintendo, Pogs, 네온 윈드 브레이커… 좋은 옛날이었습니다. 웹도 대부분 텍스트와 하이퍼링크로 구성된 베어본 웹사이트가 있는 더 단순한 곳이었습니다. 어제 일처럼 기억합니다. 아니면 30년 전?

나는 최근에 멋진 복고풍 테마 툴킷인 Wicked Coolkit을 발견했으며, 그 시절을 잠시 되살리기 위해 가지고 놀아보는 것이 재미있을 것이라고 생각했습니다. 툴킷에는 히트 카운터, 웹링 및 개발자 트레이딩 카드가 포함되어 있습니다.

그리운 느낌이 든다면 Wicked Coolkit을 탐색하여 90년대의 웹 개발 동향을 살펴보겠습니다.

히트 카운터

Google Analyticshit counters와 같은 소프트웨어 이전에는 사이트를 방문한 모든 사람에게 사이트의 성공 여부를 과시하면서 사이트의 인기도를 추적하는 재미있는 방법이었습니다. 방문 횟수 카운터는 일반적으로 페이지가 로드될 때마다 증가하는 숫자를 단순히 표시하는 투박한 위젯이었습니다. 이제 웹 사이트 분석 소프트웨어를 쉽게 사용할 수 있고 저렴하게 사용할 수 있으므로 방문 횟수 카운터는 현대 웹에서 거의 완전히 사라졌습니다. 하지만 그렇다고 해서 재미로 만들 수 없다는 의미는 아닙니다!

히트 카운터에 대한 설정Wicked Coolkit에서는 Heroku 앱을 배포하고 Salesforce 개발자 계정을 생성해야 합니다. 둘 다 제가 사용한 무료 등급이 있습니다. 앱이 실행되면 웹사이트 조회수를 추적하는 백엔드 서버를 처리합니다. 그런 다음 script 태그가 포함된 코드 스니펫과 방문 횟수 카운터용 사용자 정의 웹 구성 요소를 사이트에 포함하는 것만큼 간단합니다.

코드 스니펫은 다음과 같지만 host 속성은 앱에 따라 다릅니다.

<script type="module" async src="https://unpkg.com/wicked-coolkit@^1.1.2/dist/hitCounter.js"></script>
<wck-hit-counter host="tyler-wicked-coolkit.herokuapp.com"></wck-hit-counter>

다음은 내가 만든 HTML5 게임Stacks on Stacks on Stacks에 추가한 히트 카운터입니다.


Stacks on Stacks HTML5 게임, 이제 조회수 카운터 포함

우리는 가져

히트 카운터가 준비되었으니 이제 웨빙을 만들어 봅시다! Webrings은 사이트 그룹을 함께 연결하는 90년대에 유행했던 또 다른 개념입니다. 이러한 사이트는 선별된 콘텐츠의 체인 또는 고리를 형성하고 사용자가 스스로는 결코 찾지 못했을 멋진 새 사이트를 탐색할 수 있도록 합니다. Webrings는 추천 엔진, 소셜 미디어 및 맞춤형 뉴스 피드 시대 이전에 새로운 페이지를 우연히 발견할 수 있는 깔끔한 방법이었습니다.

Wicked Coolkit은 웹링에 참여하려는 모든 웹사이트에 포함할 또 다른 편리한 코드 스니펫을 제공합니다. script 태그와 웹 구성 요소가 있고 host 속성이 내 앱에 고유합니다.

<script type="module" async src="https://unpkg.com/wicked-coolkit@^1.1.2/dist/webring.js"></script>
<wck-webring host="tyler-wicked-coolkit.herokuapp.com"></wck-webring>

사이트 목록은 보안을 강화하고 이전 사이트가 웨링에 포함되지 않도록 Salesforce에서 관리됩니다. 이를 통해 관리자는 웹링에 표시할 사이트를 완전히 제어할 수 있습니다.

나만의 웨링을 만들고 참여할 친구 몇 명을 모집했습니다. 일부 재미있는 앱의 경우 find our webring here !


Webring의 일부인 Bubble Ball HTML5 게임

개발자 트레이딩 카드

마지막으로, 90년대 트레이딩 카드 단계에 대해 이야기하지 않으면 태만할 것입니다. 우리 중에 사랑받는 포켓몬, 디지몬, Yu-Gi-Oh!, Magic: The Gathering 또는 스포츠 카드가 없는 사람이 있습니까? 직접 트레이딩 카드에 들어가고 싶지 않으신가요? 이제 Wicked Coolkit의 개발자 트레이딩 카드로 할 수 있습니다. 히트 카운터 및 웹링에 사용한 것과 동일한 Heroku 및 Salesforce 앱을 사용하여 자신만의 콘텐츠를 구축하고 관리할 수 있습니다.

my developer trading card은 다음과 같습니다.


개인화된 개발자 트레이딩 카드

다양한 스티커를 클릭하면 다른 사람의 트레이딩 카드로 이동하여 비슷한 관심사를 가진 다른 개발자와 연결할 수 있는 특별한 기회를 제공합니다.

결론

글쎄, 지금은 그게 다야. 90년대는 오래전 일이지만 회상하는 재미가 쏠쏠했다. 역사는 반복되는 경향이 있으므로 누가 압니까? 언젠가는 이러한 복고풍 트렌드 중 일부가 다시 돌아올 것입니다.