반응형
앞으로는 HTML, CSS, JS 관련 코드를 작성할 때
각각의 코드와 완성된 화면을 동시에 볼 수 있는 코드펜 CodePen을 사용하려고 한다
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
① 가입 후 Pen 생성
가입한 후 왼쪽에 Pen 클릭
② 코드 작성
이렇게 펜이 생성되면 여기에 각각의 코드를 작성한다
③ 작성 후 링크 가져오기
펜 하단에 Embed 클릭 => HTML 코드 가져오기
④ 티스토리에 코드 붙여넣기
HTML 모드로 하고 코드 붙여넣기 => 기본모드로 돌아오기 하면 된다
반응형
'ETC' 카테고리의 다른 글
| [#. ] 프로그램 설치 없이 블러, 모자이크 Blur Pixelize 기능 사용 후 저장 가능한 웹사이트 facepixelizer (0) | 2021.02.09 |
|---|---|
| [#. ] CSR(Client Side Rendering)과 SSR(Server Side Rendering)이란? 차이점 (0) | 2021.01.19 |
| [#. Markdown] Git README.md, Markdown 작성법 (0) | 2020.12.17 |
| [#. Markdown Editor] Markdown Editor for Chrome 크롬 마크다운 에디터 (0) | 2020.12.11 |
| [#. HTTP] HTTP의 특징과 쿠키(cookie), 세션(session)의 차이 (0) | 2020.12.01 |
