• 회원가입
  • 로그인
  • 구글아이디로 로그인

[web] 코드펜 같은 웹 개발 도구 사이트 모음 ※ 코딩 결과물 바로 확인 + Emmet 에밋 (= 빠른코딩/단축코딩/빠른코드/단축코드 플로그인)

12,268  
목차
  1. 프런트엔드 (FrontEnd : 앞단) 개발 도구
  2. 개발 환경 솔루션
  3. Emmet (에밋) ★ - 빠른 코딩 지원 플러그인

 

프런트엔드 (FrontEnd : 앞단) 개발 도구 

 

CodePen ★

https://codepen.io/pen/

 

Codeply

https://www.codeply.com/

 

Codesandbox 

https://codesandbox.io/

 

Flems

https://flems.io/

 

JSbin ★

https://jsbin.com/

 

JSfiddle ★

https://jsfiddle.net/

 

Jsitor

https://jsitor.com/

 

Repl ★ (※ Backend 코딩 언어도 가능.)

https://repl.it/ (= https://replit.com/)

 


PS. emmit 지원 여부 

 

  • codepen, jsbin, jsfiddle : 지원 O
  • flems, jsitor, repl : 지원 X

 

PS. HTML/CSS/JS 결과물 바로 확인 가능.

 

... 계속 업데이트 중.

 

개발 환경 솔루션

 

구름 IDE

https://ide.goorm.io/

 

 

Emmet (에밋) ★ - 빠른 코딩 지원 플러그인

※ HTML, XML, XSL 문서 편집 시 유용.

ol>li*3  (Tab키 누르면 변환.)

 

<ol>

  <li></li>

  <li></li>

  <li></li>

</ol>



div.container>div.item.item${$}*10 (Tab 키 누르면 변환.)

 

<div class="container">

  <div class="item item1">1</div>

  <div class="item item2">2</div>

  <div class="item item3">3</div>

  <div class="item item4">4</div>

  <div class="item item5">5</div>

  <div class="item item6">6</div>

  <div class="item item7">7</div>

  <div class="item item8">8</div>

  <div class="item item9">9</div>

  <div class="item item10">10</div>

</div>


PS. Emmet (에밋) 사용법 자세히 보기


분류 제목 조회
talk 엑셀 스크롤바 상하 수직 이동 엄청 불편 ㅡㅡ;
43
43
dance 백프로 100% 님 위 아래 댄스
52
52
ucc 마음에 평온을 안겨주는 녹색 잔디밭 풍경
41
41
dance 댄스 좀 치는 2차원 소녀
50
50
ucc 드래곤볼 AI 버전 (Dragon Ball Z Reborn: An AI’s Vision of Ultimate…
55
55
dance 엘수정 님 돌아보니 웃음만 나와아아! 댄스
43
43
dance 갓세희 님 빨강빨강 파랑파랑 노랑노랑 달콤한 솜사탕 댄스
43
43
ucc 홈페이지 해킹 당해 폭파된 꿈 꿨는데, 이 풍경 보고 마음의 안정을 찾았어요.
72
72
ucc 어느 날 동거를 시작했다 [유머/웹드라마]
107
107
military KF-21 전투기 공중급유 최초 비행시험 성공
66
66
ucc 답답한 마음을 뻥 뚫어주는 녹색 잔디밭 풍경
49
49
sports 토트넘, 플럼에 3:0 개쳐발림. ㅡㅡ;
65
65
dance 엘수정 님 팅팅팅 탕탕탕 댄스
93
93
talk 고려거란전쟁 종영되니까...
66
66
dance 김도아 치어리더 님 청바지 캐쥬얼 패션 댄스
90
90
dance 직딩이 금요일 출근할 때 추는 댄스
77
77
dance 사탕처럼 달콤하다는데~ 하늘을 나는거 같다는데~ 댄스
101
101
dance 너 때문에 자꾸 내 가슴이 허리띠녀 댄스
92
92
life 삼성 갤럭시 스마트폰 '국제발신/국외발신' 문자 차단
79
79
girl 염세빈 치어리더 님
77
77
2/149
목록
찾아주셔서 감사합니다. Since 2012