- “ The best place to build, test, and discover front-end code.
빌드, 테스트, 프론트엔드 코드를 찾는 가장 좋은 방법”
개요[편집 / 원본 편집]
온라인 상에서 코드를 작성할 수 있는 온라인 코드 편집기 사이트. HTML, CSS, 자바스크립트를 지원한다.
2012년 Alex Vazquez와 Tim Sabat, Chris Coyier가 공동 제작하여 시작하였으며, 블로그 등 다양한 곳에서 사용이 되고 있다.
코드를 펜(Pen)[1]으로 부른다.
지원 언어[편집 / 원본 편집]
다음의 언어(토픽)을 지원한다.
- 리엑트(React)
- 뷰(Vue)
- 플러터(Flutter)
- Pug
- D3.js
- 텐서플로우 JS(TensorFlow.js)
- ZIM
- GSAP
- Zdog
- Tailwind CSS
- Sass
- anime.js
- Splitting.js
가격[편집 / 원본 편집]
기본적으로 무료이며, 비공개 등의 추가적인 기능이 필요할 시 PRO로 결제하면 된다.
Free | Starter | Developer | Super | ||||
---|---|---|---|---|---|---|---|
Starter | Annual Starter | Developer | Annual Developer | Super | Annual Super | ||
가격 | 0달러 | 12달러/월 | 8달러/월
(연간 96달러) |
19달러/월 | 12달러/월
(연간 144달러) |
39달러/월 | 26달러/월
(연간 312달러) |
기능 |
|
|
|
|
라이선스[편집 / 원본 편집]
공개되어 있는 펜(퍼블릭 펜)은 MIT 라이선스로 배포된다. 따라서 코드펜에 공개되어 있다면 자유롭게 사용하면 된다. 하지만 비공개(Private) 펜은 MIT 라이선스의 영향을 받지 않는다.