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
vscode 같은 IDE를 깔지 않더라도 웹상에서 html/css를 코딩하고 실시간으로 확인할 수 있다.
페이지에서 왼쪽에 start coding을 누르자.
HTML, CSS, JS에 해당하는 각각의 칸이 있고,
원하는 내용을 코딩해서 넣으면 옆의 창으로 실시간 확인이 가능하다.
간단한 코딩 구현을 쉽게 확인할 수 있다.
'프로그래머 > HTML' 카테고리의 다른 글
| [HTML] 웹 상에 무료로 원하는 짤(gif), 이미지를 삽입해보자 | giphy | flaticon (0) | 2021.01.24 |
|---|---|
| HTML 문법(<title>,<html>,<head>,<body> 태그) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.18 |
| HTML 문법(부모-자식 parent-child 태그) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.17 |
| Node.js 설치(윈도우) 및 실행 | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.12 |
| HTML 문법(줄바꿈 태그 <br> vs <p>) | 생활코딩 강의 복습 | 프로그래밍 공부 (0) | 2018.12.11 |
