업데이트 2026-10-21
CodePen은 HTML과 CSS, JavaScript 편집 및 미리보기를 결합해 인터페이스 효과와 웹 시제품을 탐색할 수 있게 합니다. 예제의 구조와 스타일을 이해한 뒤 한 번에 한 곳씩 바꾸며 결과를 살피고 유용한 아이디어를 프로젝트에 적용해 보세요.
공식 웹사이트 방문 ↗ CodePen
브라우저에서 프런트엔드 코드를 작성하고 화면 효과를 미리 확인하세요.
관련 웹사이트
MDN Web DocsHTML, CSS, JavaScript 및 개방형 웹 기술을 위한 문서와 학습 자료.developer.mozilla.org
ITDOG여러 지역의 연결 테스트, HTTP 응답 시간과 DNS 조회를 한곳에서 확인하세요.www.itdog.cn
GitHub오픈 소스 프로젝트를 발견하고 코드를 관리하며 개발자와 협업하세요.github.com
IP138공개 IP와 우편번호, 지역별 할당 정보를 조회하세요.www.ip138.com
regex101정규 표현식을 테스트하고 구문 설명과 그룹, 일치 결과를 확인하세요.regex101.com
jsDelivr오픈 소스 패키지의 CDN 경로와 버전, 공개 API 문서를 살펴보세요.www.jsdelivr.com