Dseok의 실전 예제로 웹개발 한방에 끝내기

웹개발, 혼자 하려니 막막하고 힘드시죠? 저 또한 그렇습니다. 힘든 웹개발... 실전 예제를 통해 함께 공부해요!!!!😁📕

개발 꿀템 추천

코딩을 위한 웹에디터(웹코딩)

Dseok 2025. 10. 21. 13:49
반응형
SMALL

요즘 정보처리기사 실기를 공부중인데 가끔 쓸때없는 짓이지만 코딩을 쳐보고 싶더라구요.

 

가끔 알고리즘 같은 것도 나오니 적어보고싶더라구요 ㅎㅎ

 

환경셋팅하기는 귀찮고 간단하게 해보고 싶으실 때 도움이 되실까 올려봅니다.

 

간단한 코딩 테스트를 하거나, 실행환경이 안되어 있을때,

웹에서 바로 테스트 할 수 있는 유용한 사이트를 공유해드릴게요.

 

JSFiddle



JSFiddle https://jsfiddle.net/]

지원언어
jQuery, Vue, React, React+JSX, Preact, TypeScript, CoffeeScript, SCSS, CSS Grid, BootStrap, PostCSS

특징 테스트한 소스를 저장 및 공유!!
개발을 해보았다면 한번은 들어보았을만한 사이트!!
 

 

Ideone


Ideonehttps://ideone.com

지원언어 Bash, Pascal, C, Perl, C#, PHP, C++, Python, C++14, Python 3, Haskell, Ruby, Java, SQLite, Objective-C, Swift, Pascal, VB.net, Ada95, Common Lisp, Java, Prolog, Assembler 32bit, Common Lisp, JavaScript, Python, Assembler 32bit, D, JavaScript, Python 3 nbc, Assembler 64bit, D, Kotlin, R, AWK, D, Lua, Racket, AWK, Dart, Nemerle, Rust, BC, Elixir, Nice, Scala, Brainf**k, Erlang, Nim, Scheme, C, F#, Node.js, Scheme, C++ 4.3.2, Fantom, Objective-C, Scheme, C++14, Forth, Ocaml, Smalltalk, C99, Fortran, Octave, TCL, Clips, Go
특징 60개 이상 프로그래밍 언어 지원!!
recent codes 로 다른사람이 테스트한 코드를 볼 수 있습니다!
 
 


RunCode


RunCode - https://rextester.com/

지원언어 Ada, Assembly, Bash, C#, C++ (gcc), C++ (clang), C++ (vc++), C (gcc), C (clang), C (vc), Client Side, Clojure, Common Lisp, D, Elixir, Erlang, F#, Fortran, Go, Haskell, Java, Javascript, Kotlin, Lua, MySql, Node.js, Ocaml, Octave, Objective-C, Oracle, Pascal, Perl, Php, PostgreSQL, Prolog, Python, Python 3, R, Rust, Ruby, Scala, Scheme, Sql Server, Swift, Tcl, Visual Basic
특징 심플한 UI ( 코딩 이외에 다른 UI는 없음)
코드를 등록하면 서로 리뷰 가능
 

 

Wandbox


Wandbox - https://wandbox.org

지원언어 Bash, Pascal, C, Perl, C#, PHP, C++, Python, C++14, Python3, Haskell, Ruby, Java, SQLite, Objective-C, Swift, Pascal, VB.net
특징 C++11 모든기능 지원합니다!
컴파일러 종류 버전 선택이 가능합니다.
 

 

jsbin


jsbin - https://jsbin.com/

지원언어
HTML, CSS, JAVASCRIPT

사용가능한 라이브러리

jQuery ,jQuery UI ,jQuery Mobile ,Bootstrap ,Prototype ,YUI ,MooTools ,Dojo ,Kendo UI ,QUnit, RequireJS,Zepto ,Angular ,React ,shims ,liss 1.0.2,ue.js 2.0.3,active.js,utoprefixer,ackbone 1.1.2,arionetteJS latest,onsai 0.4.latest,offeeScript,ormalize.css 3.0.2,ext-core 3.1.0,Foundation 5.5.2,Handlebars.js 1.0.0,Knockout 3.3.0,Less 1.3.3,Modernizr Development latest,Detectizr 1.5.0,Prefixfree 1.0.7,Processing 1.4.1,Highcharts latest,Raphaël 2.1.0,Chartist.js latest,Sammy 0.7.4,Sencha Touch,Traceur,TwitterLib,underscore,CanJS 2.0.3,Three.js r82,HTML5 shiv,Polymer 0.3.3,Material Design Lite 1.2.1,Font Awesome 4.0.3,Paper.js 0.9.12,OpenUI5 CDN (belize Theme, mobile library),GSAP 1.11.7,Phaser 2.0.5,Video.js 5.11.x,AUI (Atlassian UI) 5.7.0,Firebase 2.0.2,Ionic 1.0.0-beta-13,OpenTok v2.x (latest),Riot + Compiler (latest 2.6.x),Blaze CSS (latest),Ramda 0.22.1,Semantic UI 2.2.2,Enyo ,Promises ,Ember ,Lodash ,D3 ,RxJS ,Popcorn.js,Data structures,PouchDB,Moment.js,Velocity

특징 가볍고 빠른 실행!!
사용이 가능한 많은 라이브러리 보유!!
 

 

SQL Fiddle


SQL Fiddle - http://sqlfiddle.com

지원언어
MySql, Oracle, PostgreSQL, SQLite, MS-SQL server

특징 SQL 테스트 웹브라우저
테이블 생성, 수정, 삭제가 가능합니다.
 

 

tutorialspoint


tutorialspoint [ https://www.tutorialspoint.com/codingground.htm ]

지원언어
html, css, jQuery, bootstrap, ruby, python, Angular JS, CoffeScript, D3,js, javascript, jQueryMobile, jQueryUI, Processing.js, TypeScript, P5,js, Vue.js, Ada, Algol, Assembly, Awk, Bash Shell, Befunge, C, Cobol, C++, C#, Dart, PHP, Node.js, Kotlin

특징 다양한 온라인 강좌가 있고,
클라우드 및 github 연동이 가능합니다!!
 

 

codepen


codepen - [ https://codepen.io/pen]

지원언어
Format HTML, Analyze HTML, Maximize HTML Editor, Minimize HTML Editor
Format CSS, AnalyzeCSS, Maximize CSS Editor, Minimize CSS Editor
Format JavaScript, AnalyzeJavaScript, Maximize JavaScript Editor, Minimize JavaScript Editor

유명한 웹에디터
특징 코드를 입력하고 포커스 아웃 되면 결과 출력
작성한 코드를 Export 하여 작성된 코드를 화면으로 보여줄 수 있음.
 

 

 

3v4l.org


3v4l.org [ https://3v4l.org/ ]

지원언어 PHP
특징 250가지가 넘는 PHP버전(4.3.0 이후에 릴리스된 모든 버전)
25유로를 후원하면 1년동안 스폰서 목록에 노출시켜줌ㅋㅋ(이름 , twiter, Github)

 

 

 

 

 

반응형
LIST