HTML/CSS/Javascript 온라인 편집 및 테스트 사이트 jsbin

HTML/CSS/Javascript 온라인 편집 및 테스트 사이트 jsbin

 

https://jsbin.com/

 

 

(1) 작업 창 조정

 

상단 광고는 왼쪽상단 X 아이콘을 누르면 닫힙니다. 

편집창은 상단 중앙의 HTML, CSS, JavaScript 탭을 눌러면 열리거나 닫힙니다.

 

(2) 파일 저장하기

 

- 작업 내용을 복사한 후에 외부 텍스트 편집기에 붙여넣고 저장합니다. 

- File > Download 메뉴를 선택하면 파일로 저장됩니다.

 

(3) 태그 자동 완성 기능 

 

태그 이름을 적고 Tab 키를 누릅니다. 

예를 들어, 'ul'을 입력하고 탭을 누르면 다음처럼 자동완성됩니다.

<ul></ul>

 

'li*4'를 입력하고 탭을 누르면 다음처럼 자동완성됩니다.

    <li></li>
    <li></li>
    <li></li>
    <li></li>

 

'div>ul>li*3'를 입력하고 탭을 누르면 다음처럼 자동완성됩니다.

 

<div>

    <ul>

        <li></li>

        <li></li>

        <li></li>

    </ul>

</div>

 

'div.right'처럼 입력하고 탭을 누르면 다음처럼 클래스 이름까지 자동완성됩니다.

 

  <div class="right"></div>

 

'div#mybox'처럼 입력하고 탭을 누르면 다음처럼 id 이름까지 자동완성됩니다.

 

<div id="mybox"></div>

 

<이상>