etc
[etc] 유용한 웹사이트 추천 | 코드펜 codepen 사용법 | 웹 편집기
Rajin
2021. 12. 10. 17:08
728x90
요즘은 웹 사이트에서도 간단한 코딩이 가능한 페이지 하나를 소개하려고 한다.
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" 버튼을 클릭한다.
이렇게 코딩할 수 있는 창이 나온다.
HTML, CSS, JS가 기본으로 잡혀 있으며, 설정을 클릭하면 팝업창이 뜨는데
팝업 왼쪽 상단에 HTML, CSS, JS 별로 설정을 할 수 있다.
HTMl 부분에 한번 코드를 쳐보았다.
옆에 흰 화면에 잘 나오는 것을 확인할 수 있다.