# 단일 Div를 이용한 예술 작품 창작

> Clean Markdown view of GeekNews topic #14634. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=14634](https://news.hada.io/topic?id=14634)
- GeekNews Markdown: [https://news.hada.io/topic/14634.md](https://news.hada.io/topic/14634.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2024-05-03T23:34:35+09:00
- Updated: 2024-05-03T23:34:35+09:00
- Original source: [a.singlediv.com](https://a.singlediv.com/)
- Points: 2
- Comments: 1

## Topic Body

### A Single Div 프로젝트 소개

- Lynn Fisher가 2014년부터 2019년까지 진행한 CSS 드로잉 프로젝트
- 단 하나의 HTML `<div>` 태그만을 사용하여 CSS로 다양한 그림을 그리는 것이 목표
- GitHub의 #divtober 레포지토리에서 프로젝트 진행
- "Buy me a coffee" 링크를 통해 프로젝트 후원 가능
- "View more single divs ⇨" 링크를 통해 더 많은 Single Div 작품 확인 가능

### GN⁺의 의견

- CSS만으로 다양한 그래픽을 표현하는 것은 웹 개발자에게 도전적이면서도 흥미로운 주제임. 이 프로젝트는 CSS의 기능과 표현력을 극한까지 활용하는 좋은 예시가 될 수 있음.
- 하나의 `<div>` 태그만으로 그림을 그리는 제약은 오히려 창의력을 자극할 수 있음. 개발자들이 새로운 CSS 테크닉을 익히고 실험해볼 수 있는 기회가 됨.  
- 코드 골프(Code Golf) 같은 도전 과제처럼, 최소한의 코드로 원하는 결과물을 만드는 것은 개발자의 문제 해결 능력을 기를 수 있음.
- 다만 실제 프로덕션 환경에서는 성능과 유지보수성 등을 고려해야 하므로, 이런 방식을 그대로 적용하기는 어려울 수 있음. 이 프로젝트는 어디까지나 CSS 학습과 실험의 목적으로 활용되는 것이 바람직함.
- Lynn Fisher의 이런 창의적인 프로젝트가 많은 웹 개발자들에게 영감을 주고, CSS에 대한 관심과 열정을 북돋을 수 있기를 기대함.

## Comments



### Comment 24940

- Author: neo
- Created: 2024-05-03T23:34:35+09:00
- Points: 1

###### [Hacker News 의견](https://news.ycombinator.com/item?id=40242410) 
- CSS를 활용해 심슨 가족 캐릭터들을 단 하나의 HTML `<div>` 태그만으로 그려낸 놀라운 데모 프로젝트에 대한 소개
- 브라우저 개발자 도구의 Inspector로는 잘 보이지만, 소스 코드 보기로 봤을 때는 가독성이 매우 떨어지는 문제점 지적
- 이와 유사한 CSS 아트 프로젝트들이 과거에도 해커뉴스에서 여러 차례 활발히 토론된 바 있음
- CSS 아트가 three.js 등의 3D 그래픽 라이브러리에 비해 훨씬 어렵고 시간이 많이 걸리지만, 여전히 웹 접근성 측면에서는 더 나은 선택지가 될 수 있다는 의견
- 모바일에서도 잘 보이는 것을 확인했으며, 그래픽 디자인 감각도 훌륭하다는 평
- M1 맥북에서는 렉이 좀 걸린다는 의견
- '단 하나의 div'라는 것이 어떤 의미이고 어떤 기술을 사용한 것인지에 대한 궁금증을 표현