현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

[완료] 한줄로 만들어진 자바 스크립트를 보기 좋게 변환하는 방법이 있을까요?

zz181321의 이미지
글쓴이: zz181321 / 작성시간: 수, 2010/02/03 - 11:50오전 

var PopInApi={};PopInApi.init=function(){PopInApi._param=PopInApi.loadParams()};PopInApi.getParam=function(a){return PopInApi._param[a]};PopInApi.loadParams=function

이런 식으로 한 줄에 모조리 구겨 넣은 자바 스크립트가 있습니다.
보고 응용해서 만들어보고 싶은데, 원래는 수백줄 짜리를 한줄에 구겨 넣다보니
안 보입니다.

이걸 읽을 수 있는 형식으로 잘라주는 그런 방법 없을까요?

Forums: 
프로그래밍 QnA
bushi의 이미지

글쓴이: bushi / 작성시간: 수, 2010/02/03 - 12:13오후

man indent

OTL

pokev25의 이미지

글쓴이: pokev25 / 작성시간: 수, 2010/02/03 - 1:07오후

에딧플러스로 테스트 해보니 잘됩니다.

바꾸기 기능으로

{,},; 앞뒤로 줄바꿈 되게 바꾸시면 되겠네요 탭문자도 입력가능하니인덴트도 적당히 주실수 있을듯.

cjh의 이미지

글쓴이: cjh / 작성시간: 수, 2010/02/03 - 1:35오후

http://jsbeautifier.org/

--
익스펙토 페트로눔

--
익스펙토 페트로눔

zz181321의 이미지

글쓴이: zz181321 / 작성시간: 수, 2010/02/03 - 3:41오후

어찌나 많은 코드를 한줄에 구겨 넣었는지, ctr+a도 안 먹힐 정도라 cjh 님의 방법은 무리더군요 ;

gnu indent를 사용해서 처리했습니다. 전 bsd(allman) 스타일을 선호하는데, man 페이지에는 없더라고요.

-bl -bli0 -ut -ts8 -i8 -nprs -bad -npcs -nps

의 옵션으로 일단 처리 하니 비슷하긴 한데, 완전하진 않네요.

혹시 gnu indent로 bsd 스타일 만드는 옵션 아시는 분 계신가요?

(위 옵션으로 변환히니 7151 줄 짜리 코드로 바뀌는군요... 이걸 1줄에 구겨 넣었으니)

cjh의 이미지

글쓴이: cjh / 작성시간: 수, 2010/02/03 - 5:23오후

google 에서 javascript beautifier 로 찾아서 적당한거 골라 쓰시면 될 겁니다.

--
익스펙토 페트로눔

--
익스펙토 페트로눔

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.