웹용 코드 테스터

안녕하십니까.. 허니입니다 후욱..

간단하게 코드를 작성할 때 (특히 스크립트 언어)

 

유용한 사이트를 정리해 보았습니다.

 

 

 

 

IDE 없이 웹상에서 코드를 입력하고 실행결과까지 확인 할 수 있는

웹용 코드 테스터!. <-- 멋대로 내린 정의라 양해해 주시길^^;

 

 

테스트하고자 하는 코드를 작성한 뒤 Submit 버튼을 누르면

 

실행결과가 이쁘게 출력과 동시에 실행결과까지 나타납니다.

 

해당 URL을 기억만 한다면 이전에 작성한 코드들을 얼마든지 다시 접근할 수도 있는

 

유용한 웹사이트입니다.

 

 

1. http://www.codepad.org

 

 

codepad.org는 제가 가장 즐겨 쓰는 사이트입니다.

 

직관적이고 심플한 디자인부터 제 마음을 사로잡더군요

 

로그인해서 회원가입하면 내가 코딩했던 모든 코드들이 저장됩니다.

 

C언어 이외에 스크립트 언어 perl python Ruby 등도 다루고 있으며

 

문법에 맞춰 색깔이 이쁘게 변환되어 출력이 되기 때문에

 

블로그나 카페에 코드를 올릴때 유용하게 사용할 수 있습니다.

 

한글이 지원되며 입력받는 함수를 쓰시면 당연히 에러가 나겠죠? ^^;

  

 
C, pasted yesterday:

#include <stdio.h> int main(){ int i,j,k; for (i=1; i<=9; i++) { if (i <= 5) { for(j=5; j>=i; j--) { printf("*"); } for(k=1; k<=(2*i)-1; k++) { printf(" "); } for(j=5; j>=i; j--) { printf("*"); } } else { for(j=5; j<=i; j++) { printf("*"); } for(j=1; j<=(19-(2*i)); j++) { printf(" "); } for(j=5; j<=i; j++) { printf("*"); } } printf("\n"); } printf("\n"); return 0; }

Output:

***** ***** **** **** *** *** ** ** * * ** ** *** *** **** **** ***** *****

 

 

 

원본코드는 : http://codepad.org/L2537CQP   

이건 팁으로 낙타코드! 후욱

 

 

 

2. http://pastebin.com/

 

일단 URL을 보니 어떤 사이트인지 바로 아시겠죠?

 

붙여넣는 저장소 의미를 가진 이 사이트!

 

CCV(Ctrl + C , Ctrl + V ) 신공을 표현해주는 말이 아닌가 싶네요^^;

 

코드들을 간직하라는 의미를 내포하고 잇는 pastebin!

 

일단 어떠한 웹사이트인지 보시죠!

 

 

codpad보다는 이것저것 많지만 그래도 심플한 디자인을 가지고 있는 pastebin입니다.

 

Syntax highlighting를 사용해서 해당 언어를 선택할 수 있으며

 

이름을 적고 Send를 누르시면....

 

이렇게...

 

 

 

http://pastebin.com/m60c788f3

 

단순히 이쁘기로만 따진다면 pastebin을 따라올 강자가 없습니다.

 

하지만... 한글이 지원이 안되어 다른값들로 변환이 되기 때문에

 

한글을 포함한 코드나 주석을 달 수 없다는 안타까움이 있습니다.

 

  

P.S. pastebin에서는 결과값은 출력되지 않습니다.

 

 

짤방으로.

 

 

The International Obfuscated C Code Contest라는 대회에서

 

Best Layout상을 받은 Don Yang님의 코드입니다.

 

바람의 검심 사이토하지메죠.. 후욱

 

중요한건 이 파일을 컴파일 하면 멋진 그림을 가진

 

새로운 코드가 나타난다는겁니다.

 

 

 

궁금하신분들을 위해 코드패드에서 결과를...

 

http://codepad.org/9P7U6c1y

 

 

3. http://etherpad.com/

 

 

이 사이트는 얼마전 JEEN님께 소개받은 사이트로

 

자세한 기능은 확인해보지 못했습니다.

 

일단 다른사이트에 비해 좀 재미있는 pad인데

 

언제든지 수시로 코드를 작성하고 누구나 수정을 할 수 있습니다.

 

 

 

Create new pad를 클릭하시면 새로운 패드가 생기고

 

누구나 이 URL에 접근해서 수정을 할 수 있습니다.

 

엄청난 메모리를 필요로 할 것 같은 프로그램인데... 대단하군요;;ㄷㄷ

 

여기 들어가서 이름 한번 남겨주시길^^;

 

http://etherpad.com/WJToN70ODW

4. http://quickhighlighter.com/

 

블로그에 포스팅을 했더니 초절정 간지남이신 a3r0님이 

이 사이트도 가르켜 주셨습니다^^

 

좋은 정보들이 많이 들어오는군요~

 

 

 

코드를 작성한 뒤 laguage를 선택후

 

highlight!(느낌표가 붙으니 색다르군요) 를 클릭하시면

 

해당 코드에 색이 예쁘게 들어갑니다.

 

그리고 상당히 많은 언어를 제공하는군요!!

 

어셈블리어까지.. 기본 NASM 입니다.

 

 

다른 pad에 비해 highlight 버튼을 누른 이후

 

Toggle Code View에 CSS Style 과 Code 전체를  볼 수 있어

 

어떤식으로 디자인 되었는지 확인이 가능합니다. 

 

 

 

좋은 자료 되시길! ^^/