Class
  • 강좌게시판
  • Tip&Tech
  • Download
  • Tip&Tech
  • HOME > Class > Tip&Tech > 자바스크립트 구문, 웹에서 간단하게 테스트하기
[기타] 자바스크립트 구문, 웹에서 간단하게 테스트하기
글쓴이 기술레벨커뮤니티레벨문학이 날 짜 12-03-09 15:18 조 회 1915
간편URL http://www.phpschool.com/link/tipntech/75201 복사

SyntaxHighlight로 보기

Link1 http://jsbin.inpost.kr:8080/ (178)

혹시 자바스크립트 구문을 테스트하기 위해 IDE를 실행하고,

소스 코드를 저장한 후에 FTP를 통해 서버에 업로드한 후 테스트 진행하시나요?

 

제가 오늘 소개시켜드릴 jsbin을 활용하면...

간단하게 웹 페이지에서 자바스크립트 구문을 입력하고 디버깅할 수 있습니다.

 

 

 

자바스크립트 구문을 좌측에 입력한 뒤, Render 버튼을 클릭하면 아래 화면 같이 바로 실행할 수 있습니다.

 


 

 

또한 Save 버튼을 클릭하면, 독립된 웹 페이지 형태로 볼 수 있는 링크가 생성됩니다.

http://jsbin.inpost.kr:8080/iqigin

 

해당 페이지를 다시 수정하고, 저장을 하면 아래와 같이 링크에 리비전 번호가 붙게 됩니다.

http://jsbin.inpost.kr:8080/iqigin/2

 

이런 식으로 자바스크립트 구문을 간단하게 테스트 할 수 있고, 독립된 페이지로써 히스토리 관리도 가능합니다.

 

 

 

아래 URL은 제 서버에 설치해둔 jsbin 경로입니다.

  

http://jsbin.inpost.kr:8080/

 

 

 

 

 
  • License
  • 본 게시물은 저작자에게 모든 권리가 있습니다.

전체댓글수 8

  • 기술레벨커뮤니티레벨송효진 12-03-09 15:32

    소스보기

  • http://jsfiddle.net/ 같은건데 이건 설치형이군요. 좋네요.
    https://github.com/remy/jsbin/
  • 기술레벨커뮤니티레벨문학청년 12-03-09 15:46

    소스보기

  • 둘다 설치형입니다. jsbin은 설치하기가 좀 까다롭던데... jsfiddle은 잘 모르겠네요. ㅎㅎ
  • 기술레벨커뮤니티레벨송효진 12-03-09 17:26

    소스보기

  • jsfiddle 은 어디서 받을 수 있나요? github 에는 없는 것 같아요.
  • 기술레벨커뮤니티레벨문학청년 12-03-09 19:34

    소스보기

  • 헉... 잘못 알고 있었네요. 죄송합니다. ㅎㅎ
     jsfiddle은 설치형이 없네요. ㅠㅠ
  • 기술레벨커뮤니티레벨언제돈벌어장가가남 12-03-09 17:25

    소스보기

  • 좋은정보 감사합니다.
  • 기술레벨커뮤니티레벨php™사랑 12-03-10 12:38

    소스보기

  • 와....감사합니다.
  • 기술레벨커뮤니티레벨flour 12-03-10 17:27

    소스보기

  • 오오 괜춘하네요
  • 게시물 12,480건 RSS
번호분류제목글쓴이날짜조회
12,480 브라우저 css browser selector js to css_browser_selector.class.php [1] 링크 새글 기술레벨커뮤니티레벨송효진 13-05-21 140
12,479 브라우저 IE9 이하 jquery placeholder 0.3 [2] 링크 기술레벨커뮤니티레벨송효진 13-05-20 257
12,478 함수 redis_cache (그누보드 함수캐쉬. redis 버젼) 기술레벨커뮤니티레벨아빠불당 13-05-20 221
12,477 설치/설정 redis 설치 [1] 기술레벨커뮤니티레벨아빠불당 13-05-20 273
12,476 알고리즘 [1원팁] php 동적인 상속 [6] 기술레벨커뮤니티레벨RGB255 13-05-18 396
12,475 스크립트 js 함수,메소드 명세, 표준인지 MSIE 지원 되는지... [5] 링크 기술레벨커뮤니티레벨송효진 13-05-15 384
12,474 DBMS 초보자를 위한 mysql에서의 비트연산 활용 [4] 기술레벨커뮤니티레벨전진하는아르고 13-05-13 519
12,473 알고리즘 페이스북이 만든 PHP 가상머신인 HipHop For PHP 를 소개합니다. [6] 링크 기술레벨커뮤니티레벨egoing 13-05-13 658
12,472 브라우저 google chrome high contrast plugin 사이트 고대비화 도구 [3] 링크 기술레벨커뮤니티레벨송효진 13-05-12 333
12,471 알고리즘 Codeigniter 2.1.3 기반 공개보드 [2] 링크 기술레벨커뮤니티레벨마냐 13-05-11 529
12,470 기타 코드가 손에 안 익으신다구요.. 이것 한번 해 보심이. [2] 링크 기술레벨커뮤니티레벨폭스테리어 13-05-09 767
12,469 서버운영 git 을 이용한 서버간 동기화 스크립트. 자동 commit, push, res… [2] 첨부파일 기술레벨커뮤니티레벨송효진 13-05-08 593
12,468 알고리즘 CodeIgniter 에서 캐쉬를 사용하는 방법을 수업으로 만들었습니… [2] 링크 기술레벨커뮤니티레벨egoing 13-05-08 380
12,467 설치/설정 NGINX와 PHP-FPM [19] 링크 인기 기술레벨커뮤니티레벨egoing 13-04-25 1504
12,466 정보 Chart.js - 6가지 종류의 예쁜 차트 [5] 링크 인기 기술레벨커뮤니티레벨킁킁탐정 13-04-24 1278
12,465 정보 List.js - List/Table를 편리하게! [5] 링크 인기 기술레벨커뮤니티레벨킁킁탐정 13-04-23 1033
12,464 정보 Rivets.js - View Logic [2] 링크 기술레벨커뮤니티레벨킁킁탐정 13-04-23 681
12,463 정보 Moment.js - 시간의 모든것 [8] 링크 기술레벨커뮤니티레벨킁킁탐정 13-04-23 797
12,462 정보 Collecting All Cheat Sheets [8] 링크 기술레벨커뮤니티레벨킁킁탐정 13-04-23 565
12,461 스크립트 jQuery.outerHTML() 링크 기술레벨커뮤니티레벨송효진 13-04-22 754
 
12345678910
글쓰기
SEARCH 검색하기