혼돈 vs 평온: 인터랙티브 프론트엔드 아트 경험

발행: (2026년 4월 4일 PM 09:18 GMT+9)
2 분 소요
원문: Dev.to

Source: Dev.to

개요

2026 WeCoded 챌린지: 프론트엔드 아트에 대한 제출물입니다.

인터랙티브한 프론트엔드 아트워크이며, 다음과 같습니다:

  • 왼쪽은 평온을 나타냅니다.
  • 오른쪽은 혼돈을 나타냅니다.

마우스 움직임으로 두 요소 사이의 균형을 조절합니다. 마우스를 움직여 안정과 예측 불가능성 사이의 변화를 체험해 보세요.

영감

이 작품은 우리가 삶에서 경험하는 지속적인 균형에서 영감을 받았습니다:

  • 집중 vs 산만
  • 평온 vs 혼돈
  • 통제 vs 무작위성

때로는 완전히 통제하고 있다고 느끼고, 때로는 모든 것이 혼돈처럼 느껴집니다. 이 아트워크는 그러한 감정적·정신적 균형을 간단하고 인터랙티브하게 시각화합니다.

라이브 데모

https://makendrang.github.io/frontend-art-chaos-calm/

소스 코드

GitHub Repository

회고

프론트엔드 개발은 단순히 애플리케이션을 만드는 것에 그치지 않고, 표현의 매체가 될 수 있습니다. 이 프로젝트는 간단한 코드가 어떻게 감정적이고 인터랙티브한 경험을 만들 수 있는지를 탐구합니다.

0 조회
Back to Blog

관련 글

더 보기 »

10가지 멋진 CodePen 데모 (2026년 3월)

2026 F1 Drivers Custom Select using appearance: base-select Chris Bolson은 내가 본 것 중 가장 인상적인 커스텀 셀렉트를 제작했습니다. 그것은 심지어 …처럼 보이지도 않습니다.

Time Spender v1

제가 만든 Time Spender v1은 궁극적인 생산성 anti‑tool입니다. 이는 정확히… 낭비하도록 설계된 단 하나의, 고도로 최적화된 목적을 가진 web application입니다.