웹브라우저 종류와 웹편집기에 대한 개념이해

웹사이트

 

웹브라우저 종류와 웹 편집기 구조 살펴보기

- 확장자 그리고 파일형식

 

HTML을 공부함에 있어서 웹브라우저 그리고 편집을 도와주는 것들에 대해서 왜 알아야 하는지는 알고 가는 게 좋을 듯하다. PC를 이용하는 데 있어서 여러 종류의 다양한 파일들이 존재한다. 파일들이라고 해서 거창한 것들이 아니라 어느 누구에게나 쉽게 보이는 오피스 소프트웨어 프로그램들 ( 예 : 한글, 파워포인트, 엑셀 등등 )이나 하다못해 메모장 같은 것들 말이다.

 

 

확장자 확인하는 순서 1

확장자 확인하는 순서 2

확장자 확인하는 순서 3

 

 

위의 이미지처럼 해당 파일 위에 마우스 커서를 댄 후에 , 오른쪽 마우스 버튼을 누르면 새로운 기능들의 카테고리들이 활성화된다. 이때 가장 아래쪽에 위치한 "속성"이라는 기능을 눌러주면 해당 파일의 형식과 확장자를 확인해 볼 수 있다. 여기서 확장자란 3번째 이미지에 나오는 (. txt) 표시를 말하는 것으로써 위에 설명한 오피스 파일들에도 각자에 맞는 확장자를 가지고 있는 것을 위의 방법대로 확인해 볼 수 있다. 웹브라우저 종류와 확장자는 그럼 어떤 관계일까?

 

 

 

브라우저 종류 1

브라우저 종류 2

 

- 티스토리는 다음에서 가입하는 것처럼

txt의 확장자를 가진 파일을 더블클릭하여 실행시키면 메모장에서 열리는 것을 알 수 있다. 여기에 더해 게임을 실행시키는 파일의 확장자의 경우에는 exe를, 업무를 위한 작업을 하기 위해서는 hwp를 가지고 있는 한글파일을 누르는 것을 생각해보자. 티스토리 블로그를 시작하기 위해서 다른 웹사이트에서 검색을 한다고 하더라도 결국은 다음에 와서 가입절차를 하는 것과 같은 것처럼 웹에 맞는 문서 파일의 확장자가 바로 HTML이며, HTML의 확장자를 실행시켜 눈으로 보여주는 것이 바로 웹브라우저이다. 즉 txt는 HTML이며 , 메모장은 웹브라우저인 것이다. 그리고 이러한 웹브라우저 종류의 경우는 흔히 사용하는 익스플로러를 제외하고도 다양하다.

 

 

다양한 코딩 언어

다양한 코딩 언어 2

 

웹 편집기란?

이쯤 되면 확장자와 웹브라우저 종류 및 개념에 대해서는 어느 정도 정리가 되었을 것이다. 다음으로 웹 편집기에 대해서 알아야 하는 점은 위에 예시로 들었던 업무 프로세서 ( 예 : 한글. hwp ) 확장자를 가진 프로그램의 경우에는 파일과 그 파일을 켜서 확인할 수 있는 소프트웨어 ( 예 : hwp는 한글에서 확인이 가능하다 )가 동일하지만 HTML 확장자로 만들어진 웹문서 파일의 경우에는 조금 다르다. 쉽게 설명해보자면 내가 크롬에 보이는 파일을 만들고자 한다 해서 HTML 문서를 크롬 안에서 만들 수가 없다. 다시 말해 웹 편집기를 통해서 웹문서들을 작성하고 여러 웹브라우저 종류 중에서 파일을 볼 수 있는 것이다. 

 

 

쉽게 찾아 볼 수 있는 웹편집기들

 

 

예전에는 이러한 편집 작업 과정들을 메모장을 통해서 하는 사람들도 종종 있었다 한다. 하나 이러한 방법의 경우는 tag하나하나를 사용자가 전부 알아야 하는 경우다 보니 나와 같은 초보자 입장에서는 너무나 비효율적인 일이다. 다행스럽게도 요즘에는 온라인에서 조금만 검색을 해보아도 다양한 웹 편집기들을 무료료 이용해 볼 수도 있다. 게다가 웹 편집기를 이용하면 가장 좋은 점은 연습할 때에도 태그들이 가진 기능에 대해서 약간의 지식을 습득하면서 배울 수 있기도 하며 메모장에 철자 하나하나 입력하지 않고도 더욱 간편한 입력은 물론 한 번에 여러 곳의 편집이 가능해서 필자의 입장으로 보았을 때는 훨씬 시간적으로도 효율적이라 생각한다. 

 

 

웹 편집기

 

이런저런 다양한 종류들이 있지만 그중에서도 국내에서도 많은 분들에게도 잘 알려진 마이크로소프트사에서 무료로 제공하는 비주얼 스튜디오 코드가 필자에 경우에는 가장 잘 맞은 듯싶다. 꼭 마이크로소프트사이기에 그리 생각하는 것은 아니고 확실히 여러 플랫폼들과 함께 사용할 수 있는 것은 물론, 여러 언어 호환 , 태그관련하여 설명도 포함되어있어 초보자에게는 더욱 괜찮은 듯 싶지만 이것은 개인적인 평가기때문에 자신에게 잘 맞을것 같은 것들을 골라 선택하여 이용하면 될 듯 싶다. 웹브라우저 종류와 웹 편집기에 대한 대략적인 정리를 해 보았다. 차후에는 여러 기능 등을 통해 기본적인 문서를 만드는 것부터 연습하고 남겨볼 예정이다.