본문 바로가기

Front-end

codepen으로 코드 테스트

들어가기 앞서,

  • 간단한 코드를 테스트 할때 매번 프로젝트를 새로 구성하지 않고 테스트할 수 있는 codepen이라는 사이트가 존재한다.

codepen

구글에 codepen이라고 검색하면 아래와 같이 결과가 나온다.

이 사이트로 들어가면 아래와 같은 페이지를 확인할 수 있다 여기서 좌측 상단에 메뉴바에 보이는 Start Coding을 클릭한다.

그러면 아래와 같은 페이지를 확인할 수 있는데 이 페이지에서 간단한 코딩을 하면 바로 결과를 볼수있다.

이때 html부분은 body부분에 코딩을 하는 개념이라고 생각하면 된다. 아래는 실제 테스트 예시이다.

 

'Front-end' 카테고리의 다른 글

HTML 기본 문법  (0) 2022.01.10
reset.css 브라우저 스타일 초기화  (0) 2022.01.09
live server  (0) 2022.01.07
Beautify 코드 정리 기능  (0) 2022.01.06
<html>, <head>, <body>  (0) 2022.01.06