HTML 뷰어 결과 디자인 확인 json sql 코드 정리 사이트
웹페이지를 만드시는 개발자분이나 디자이너분들은 HTML 코딩을 하는데요.
수기로 직접 코딩을 한 경우 전체적인 코딩하는 줄이 이쁘지 않게 보기 어려울 수도 있습니다.
작업 된 HTML 파일을 웹페이지에서 미리 볼 수 있는데요.
일부 내용을 수정하고 다시 확인하는 과정이 다소 번거로울 수 있습니다
간편하게 HTML 뷰어로 볼 수 있고 코드도 이쁘게 보기 쉽도록 정리해 주는 사이트가 있습니다.
소개해 드릴 사이트는 바로 Code Beautify 사이트입니다.
사이트에 접속하기 위해 Code Beautify 바로가기(여기)를 클릭합니다.
사이트가 열리면 아래와 같이 추천이나 인기 있는 기능이 보입니다.
[HTML Viewer]를 선택합니다.
왼쪽에 html 코드를 붙여넣기 하시고 [Run / View] 버튼을 클릭하면 우측에 뷰어가 보이게 됩니다.
[Beautify HTML]을 클릭하시면 우측에 html코드가 정리됩니다.
URL로 미리 볼 수 있는데요. [URL] 버튼을 클릭합니다.
URL 창이 열리면 입력 박스의 미리보려는 URL을 입력 후 [Submit] 버튼을 클릭합니다.
해당 페이지의 html과 뷰어가 보입니다.
JSON Formatter 을 선택 후 JSON 코드를 넣으면 보기 좋게 코드가 정리되는 것을 확인할 수 있습니다.
SQL Formatter 선택 후 SQL 쿼리를 넣으면 역시 보기 쉽게 정리가 됩니다.
HTML 뷰어 결과 디자인 확인 json sql 코드 정리 사이트를 알아보았습니다