CodePen 2.0 출시: 원본 개발보다 더 많은 노력과 새로운 협업 기능
CodePen 2.0 을 출시하며, 이는 기존 CodePen 을 처음 만들 때보다 훨씬 더 많은 작업이 필요했던 개인적인 커리어의 최대 성취라고 생각합니다. 이번 업데이트를 통해 처음 만난 사람과도 실시간으로 협업하거나, npm 패키지를 쉽게 관리하며, MJML 블록을 통해 이메일을 직접 제작하고 배포할 수 있게 되었습니다. 이러한 기능들은 작은 웹사이트를 빠르게 구축하고 배포하는 즐거움을 더욱 증폭시킵니다.
이 프로젝트는 믿기 어렵겠지만, 원래 CodePen 을 처음 만들 때보다 훨씬 더 많은 노력이 들어갔습니다.
HN 토론
52- danielvaughn
CodePen 을 아주 초기부터 사용해 왔습니다. 플랫폼을 항상 좋아해 왔죠. 부정적인 말을 하고 싶지는 않지만, 솔직히 2.0 버전 출시에는 감흥이 없습니다. 제가 CodePen 을 좋아했던 점은 정말 빠르고 간단하게 무언가를 시도해 볼 수 있다는 것이었는데, 새로운 인터페이스는 마치 웹사이트 안에서 또 다른 웹사이트를 구축하는 듯한 느낌을 줍니다.
- jjcm
> 모든 펜 (pen) 은 배포 가능합니다
이 기능이 어떻게 발전해 나갈지 흥미롭습니다. 무료 호스팅 솔루션은 어느 시점에서 남용으로 치닫는 경향이 있죠. 제 서비스에서도 여전히 이 문제를 해결 중입니다.
그렇다고 하더라도, 현재 메타 (meta) 에서 CodePen 같은 도구가 얼마나 가치 있는지 궁금합니다. 저는 더 이상 코드를 직접 보지 않습니다. 예시를 참조하지도 않고, 원하는 것을 프롬프트로 요청하거나 이미지를 컨텍스트로 입력하는 방식만 사용합니다.
- shimman
CodePen 의 가장 나쁜 점이라고 항상 느껴졌던 것은 탐색 기능입니다. CodePen 을 검색하는 방식이 매우 열악해서, 보통 하나의 '태그'만 검색하게 되며 첫 페이지 이후로는 품질이 급격히 떨어집니다.
animejs, svg, forms 같은 유용한 항목으로 CodePen 을 필터링할 수 있는 고급 검색 기능이 있었으면 좋겠습니다. 예를 들어 폼을 중심으로 anime.js 를 사용하는 CodePen 결과물을 찾을 수 있다면 좋겠네요.
검색 기능이 더 좋았다면 CodePen 을 사실상의 웹 UI 참조 자료로 사용했을 것입니다. 지금은 대부분 GitHub 과 블로그를 사용하는데, 그 이유는 CodePen 에서 가치 있는 것을 찾는 것이 너무 어렵기 때문입니다. 보석은 분명히 있지만, 너무 깊은 층에 묻혀 있어 실제로 그것을 캐어 올릴 사람이 없습니다.
- gottagocode
다른 장인들 (craftsmen) 이 실제로 손으로 무엇을 만들어 내고 있는지 볼 수 있었던 옛날에는 이 사이트를 정말 좋아했습니다.
- rglover
정말 훌륭합니다. 출시 당시부터 CodePen 사용자이자 팬이며 (그보다 더 오랫동안 Chris 와 CSS-Tricks 의 팬이었습니다). CodePen 이 발전하고 있는 모습을 보니 정말 기쁩니다.
과거만큼 자주 사용하지는 않지만, 가끔 빠른 PoC 를 위해 무언가를 해킹하듯 만들어 봅니다. 새로운 배포 기능이 제 눈길을 끌었습니다. 프로토타입이나 데모를 배포해서 바로 넘겨줄 수 있다는 점은 정말 편리합니다.