Dev study and notes

[CODEPEN] 유용한 팁과 툴. HTML CSS JS 를 한번에 작성하며 실시간 보기 본문

StudyAndDev

[CODEPEN] 유용한 팁과 툴. HTML CSS JS 를 한번에 작성하며 실시간 보기

devlunch4 2020. 12. 9. 15:48
반응형

코드펜이라는 사이트가 있다.

해당 사이트에서 HTML / CSS / JS 를 한 화면에서 작성을 할수 가 있다.

 

codepen.io/trending

 

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

예시로 

왼쪽 프레임의 코드펜 보기 형식을 클릭하면 아래와 같은 배치로 작성이 가능하다

 

왼쪽 프레임

 

예시

 

이제 웹상에서 편하게 코딩이 가능하다.

 

연동 되는 파일들은 어떻게 불러와야할까..

 

아마 script 태그를 이용하여 해당 파일의 웹 경로를 활용해야 할것 같다.

반응형
저작자표시 비영리 동일조건

'StudyAndDev' 카테고리의 다른 글

[java] 이클립스 다이나믹 웹 프로젝트 오류시.  (0) 2020.12.14
[web][HTML] 로그인 로그아웃. session 을 안다는 가정하. 웹페이지 구성.  (0) 2020.12.12
[java][git] 간단요약 이클립스 깃과 연결 연동 eclipse git github  (0) 2020.11.11
[java] iTEXT 사용 PDF 문서 생성 (이클립스/JAVA)  (0) 2020.11.05
[java] iTEXT 라이브러리 PDF 이클립스/JAVA 연동  (0) 2020.11.05
'StudyAndDev' Related Articles more
Comments