상세 컨텐츠

본문 제목

소스코드 정렬 사이트 js-beautify

Javascript, jQuery

by Coop 2023. 5. 20. 11:46

본문

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

다양한 옵션을 설정하여 정렬할 수 있는  js-beautify 사이트 입니다. JavaScript, jQuery, HTML, CSS 등의 코드를 정렬할 수 있습니다.

beautifier.io 사이트 메인 이미지

 

Online JavaScript beautifier ( js-beautify )

[Javascript, jQuery, CSS, HTML] 정렬해주는 사이트 이동

 

Online JavaScript beautifier

Beautify JavaScript, JSON, React.js, HTML, CSS, SCSS, and SASS

beautifier.io

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

정렬을 원하는 소스코드를 코드 등록 박스에 붙여넣기 합니다.

정렬할 소스코드 입력 부분

 

 

 

 

 

 

 

 

 

 

 

정렬을 원하는 변환 타입을 설정합니다. 

선택 값에 따라 입력한 소스코드가 정렬되어 변환 될 수 있습니다.

변환 타입 설정

 

 

 

 

 

 

 

 

 

 

우측 소스코드 등록 박스에 코드를 등록하였다면 Beaytify Code 버튼을 눌러 코드를 정렬 시킵니다.

코드 정렬 버튼

 

 

 

 

 

 

 

 

 

 

제공되어 있는 코드를 정렬하였지만 더 많은 양의 코드를 정렬 할 수 있습니다.

가독성이 어렵거나 한줄로 나열된 코드를 정렬해 보세요.

정렬된 코드

 

관련글 더보기

댓글 영역