CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
수정한 코드를 한번 테스트 해보고 싶을 때 위 사이트에서 작업이 가능합니다.
사이트에 접속하면 위와 같은 화면을 볼 수 있는데 좌측 상단의 Start Coding 버튼을 눌러서 자신의 코드들을 테스트 해볼 수 있습니다.
위의 사이트에서는 Doctype, head 태그 등을 입력할 필요 없이 body 태그 안의 내용들만 입력을 하여 코드들을 테스트 해볼 수 있습니다.
테스트 한 내용을 저장하고 싶다면 회원가입 후 이용하시면 됩니다!!
'Frontend' 카테고리의 다른 글
| 8-1 HTML 문법 정리하기 - 태그 (0) | 2021.07.24 |
|---|---|
| 7. 브라우저 스타일 초기화 하기 (0) | 2021.07.23 |
| 5. 상대 경로와 절대 경로 (0) | 2021.07.23 |
| 4. 정보를 의미하는 태그<head></head> (0) | 2021.07.23 |
| 3. 프론트엔드 개발에 필요한 Visual Studio Code 확장 프로그램 설치 및 Setting (0) | 2021.07.23 |
