디지털 숲에서 가장 까다로운 성격으로 유명한 고슴도치가 모렌비를 찾아왔어요.

"나는 아주 특별한 화장품 상점을 만들려고 해요."

고슴도치는 특별히 모렌비에게 인터랙션 마법의 구현을 부탁했어요.

"우리의 화장품 상점은 남다르게 멋져야 해요.

클릭할 때마다 반짝이고,

스크롤할 때마다 춤추고,

호버할 때마다 변신하는..."

반짝~!

그때 감나무 가지에서 삼색 빛이 반짝였어요.

"제가 도와드릴게요!"

파랑, 분홍, 노랑의 삼색 머리카락을 가진 정령이 나타났어요.

"안녕하세요, 저는 퍼블리예요. HTML, CSS, JS 구현 마법을 다룰 수 있답니다!"

​

작업이 시작되고 얼마 지나지 않아, 첫 번째 위기가 찾아왔어요.

"어머나, 로고가 아직 확정되지 않았네요?"

하지만 일정이 촉박했기에, 모렌비와 정령들은 임시 로고로 작업을 시작했답니다.

마침내 로고가 전달되었을 때, 모두의 얼굴이 하얗게 변했어요.

"이... 이건..."

지금까지 열심히 만든 디자인과 전혀 어울리지 않는 로고였거든요.

"제가 한번 볼게요... 음~

로고의 둥근 느낌을 살리려면 전체적인 디자인도 부드럽게 바꿔야 할 것 같아요."

타이포는 글자들을 하나하나 조율하며, 로고와 어울리는 새로운 폰트 조합을 찾아냈어요.

​

퍼블리도 열심히 도왔죠.

"저는 CSS로 모서리를 둥글게 만들고, 애니메이션도 부드럽게 수정해볼게요."

​

하지만 까다로운 고슴도치의 요구사항은 계속되었어요.

"이 버튼이 클릭할 때 반짝이면서, 돌면서, 튀어오르면서..."

"스크롤할 때 이미지들이 물결처럼 출렁이면서..."

"메뉴에 마우스를 올리면 무지개색으로 변하면서..."

"지금 이 컬러보다 아주 살짝 약간만 좀 더 투명하게…"

​

퍼블리는 땀을 뻘뻘 흘리며 마법을 부렸어요.

"회전 마법으로 이미지 회전을,

표시 마법으로 부드러움을,

움직임 마법으로 생동감을..."

타이포도 끊임없이 글꼴을 조율했죠.

"움직임이 많은 만큼, 가독성이 중요해요.

이 부분은 좀 더 큰 글씨로..."

밤낮없이 이어진 작업 끝에, 마침내 상점이 완성되었어요.

클릭할 때마다 반짝이는 버튼들,

스크롤할 때마다 춤추는 이미지들,

마우스가 지나갈 때마다 변신하는 메뉴들...

까다로운 고슴도치의 가시가 살짝 부드러워졌어요.

"뭐,, 제가 원하는 것에 비해 100% 완벽하진 않지만! 이 정도라면 인정하겠습니다!"

모렌비는 미소지었어요.

"퍼블리와 타이포가 없었다면 불가능했을 거예요.

각자의 재능과 노력의 마법으로 고슴도치의 화장품몰이 탄생한 거죠."

그때 마법상점연합에서 온 부엉이가 이 모든 걸 지켜보고 있었답니다.

하지만 그 이야기는... 다음 화에서 계속됩니다.

오늘의 한 줄 동화
"가장 까다로운 도전 속에서 가장 뿌듯한 마법이 피어난답니다."
www.morenvy.com