html 파일열기 - html 뷰어

대학교 1학년때 교양과목으로 웹사이트 또는 홈페이지 만들기 기초를 배웠던 기억이 있는데요, 난생 처음으로 배워보는 것이었어서 어렵기도 했지만 내가 입력한 소스가 출력되는 모습을 보면서 신기하기도 했습니다. 이번시간에는 html 파일열기 작업을 위한 html 뷰어 사이트를 여러분들께 소개드리려고 합니다.

 

구글검색을 활용하여 위의 그림과 같이 키워드를 잡고 검색하시면 해당 서비스를 제공하는 사이트들을 확인할 수 있습니다. 저는 그중에서 가장 상단에 있는 링크를 클릭하여 들어가보도록 하겠습니다.

 

Code Beautify라는 문구가 적혀있는데요, html 뷰어 기능을 제공합니다. 처음 이용하시는 분들은 어떤식으로 작동하는지 알아보기 위하여 [sample] 버튼을 누르고 테스트를 해볼 수 있습니다.

화면 좌측에는 소스코드가 나오고, 우측에는 출력된 모습이 나옵니다. 그럼 저도 이용해보도록 할텐데요, 소스를 직접 입력할 실력은 안돼서 Url을 로드하는 방식으로 해보았습니다.

 

[Load Url] 버튼을 누르시면 [Enter Url] 부분에다가 원하는 사이트 주소를 입력하거나 복사한 것을 붙여넣기 할 수 있습니다. 저는 제 블로그의 모바일 페이지 주소를 입력해보았습니다. [Load] 버튼을 누르고 [Run] 버튼을 누르시면 잠시 후 결과를 확인할 수 있습니다.

 

처음에 했던 샘플 테스트와 마찬가지로, 화면 좌측에는 소스코드가 적혀있고 우측에는 출력화면의 모습이 나옵니다. 그럼 오늘의 글쓰기는 여기서 마칠테니 여러분들도 잘 활용해보시기 바라겠습니다.