CodePen codepen.io

한눈에 보기

장점과 확인할 점

장점

코드 편집과 실행 미리보기를 나란히 확인할 수 있습니다.

단점·확인할 점

예제를 저장하려면 계정과 로그인 조건을 확인해야 합니다.

활용 방법

작은 화면 예제를 작성해 결과를 공유할 때

확인 출처

확인 출처 ↗ · 공식 편집기 문서에서 HTML·CSS·JavaScript 미리보기와 저장에 필요한 로그인 안내를 확인했습니다.

위 설명은 공개 자료를 정리한 편집 정보이며 실사용 후기나 평점이 아닙니다. 접속·안전성·무료 이용을 보증하는 표시가 아니며, 요금·가입 조건은 공식 사이트에서 다시 확인하세요.

개발·코딩 분야에서 함께 보는 사이트

• GitHubgithub.com

  코드를 공유하고 개발 변경 사항을 함께 다루는 소프트웨어 개발 플랫폼입니다.

• GitLababout.gitlab.com

  소프트웨어 개발과 팀의 작업 흐름을 연결하는 개발 협업 플랫폼입니다.

• Stack Overflowstackoverflow.com

  개발 중 발생한 문제와 해결 방법을 질문·답변 형태로 찾아보는 커뮤니티입니다.

• MDN Web Docsdeveloper.mozilla.org

  HTML, CSS와 웹 API 등 웹 기술의 개념과 사용법을 제공하는 문서입니다.

• 프로그래머스school.programmers.co.kr

  입력과 출력이 주어진 프로그래밍 문제로 풀이를 연습하는 코딩 학습 서비스입니다.

• Replitreplit.com

  아이디어를 설명하며 앱과 웹사이트를 제작하는 개발 도구입니다.

개발·코딩 최신 주소모음 30곳 전체 보기 →