먼저 HTML/CSS 결과물을 확인 하기 위해서 크롬 브라우저를 설치해 보도록 하겠습니다. 크롬 브라우저는 개발자에게 편리한 다양한 기능을 지원하고 있기 때문에 개발하는 과정에서 편리합니다. 😀
혹시 인터넷 익스플로러를 사용하고 계신 분이 계시다면 사용을 멈춰주세요 😢 인터넷 익스플로러는 사용 비율이 낮고, 다양한 크로스 브라우징 이슈가 있기 때문에 현대 웹 사이트를 개발할때는 익스플로러를 고려하지 않는 추세입니다.
여기서 크로스 브라우징 이슈는 지금은 자세히 모르셔도 되요! 그냥 "익스플로러로 웹 사이트를 이용할 때 제대로 동작이 안될 수 있다" 라고만 이해하시면 될 것 같습니다.
HTML/CSS 코드를 입력 할 텍스트 에디터 툴인 비주얼 스튜디오 코드 툴을 설치해 보도록 하겠습니다. 여기서 에디터 툴은 쉽게 말하면 메모장이라고 보시면 될 것 같아요.
우리가 정산이나 계산 같은거를 할 때 메모장에 적어놓고 할 수도 있지만! 엑셀로 하면 더 효율적일 거에요! 이렇듯이 HTML/CSS도 메모장으로 코딩할 수 있지만 VSCode와 같은 툴을 이용하면 더 효율적으로 할 수 있습니다.
개발을 위한 툴(도구)! 이라고 보시면 될 것 같아요 😀
HTML/CSS 마크업(코드 입력)을 도와주는 확장 프로그램을 설치해 보도록 하겠습니다! 확장 프로그램은 우리가 어떤 일(여기서는 HTML/CSS 코딩)을 더 효율적으로 작업할 수 있게 도와줘요!