들어가기 앞서,
- 간단한 코드를 테스트 할때 매번 프로젝트를 새로 구성하지 않고 테스트할 수 있는 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 |