codepen으로 코드 테스트

들어가기 앞서,

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

codepen

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

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

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

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