웹 개발을 위해 사용하는 표준화된 프로그래밍 언어를 사용하면
화면에 표시되는 내용과 웹 사이트의 동작을 제어할 수 있다.
첫번째 언어는 'HTML'이며, 'Hypertext Markup Language'의 약어이다.
웹 사이트의 실제 내용과 구조를 만드는데 사용한다.
HTML이 없을 경우 화면상에 아무것도 나타나지 않는다.
단, 기본적인 스타일은 많이 없기 때문에 단순한 형태를 띈다.
두번째 언어는 'CSS'이며 'Cascading Style Sheets'의 약자로 웹 사이트의 스타일을 정의한다.
엄밀히 따지면 선택 사항이지만, CSS에 따라 웹의 디자인적인 요소가 천차만별이 될 만큼 중요하다.
세번째 언어는 'JavaScript'이다. 웹사이트에 상호작용을 추가하는 언어이며
정적인 홈페이지를 동적으로 만들어준다.
예를 들어 특정 버튼을 클릭시 디자인이 변하거나 내용이 변하는 반응을 하는 것이다.
대부분의 웹사이트는 이 세가지 언어를 기본적으로 사용하며
사이트에서 마우스 오른쪽 - 페이지 소스보기나
검사 버튼을 누르면 코드를 확인할 수 있다.
이 중 HTML은 문서를 구조화시키는 도구에 가깝고,
CSS는 HTML 없이는 화면에 아무것도 보여줄 수 없는 디자인도구에 가깝다.
일반적으로 프로그래밍 언어는 메모리에 데이터를 저장하거나 참조,
또는 데이터에 대한 상황별 다른 동작(조건부, 분기처리),
반복적인 동작(for, while등 반복문)으로 논리를 실행하는 프로그래밍을 할 수 있는 방법을 제공해야하나
셋 중에서는 JavaScript만 해당기능을 지원하기 때문에
HTML은 마크업 언어, CSS는 스타일언어로 분류하고
대부분 JavaScript만 실질적인 프로그래밍 언어로 인정한다.
HTML 파일을 생성하여 CSS 및 JavaScript를 포함 입력하거나 연결한 후에
웹 브라우저로 적용된 결과물을 확인할 수 있으므로 이 세 언어는 유기적으로 연결되어 있는 셈이다.
브라우저는 대세인 크롬이나 MDN의 파이어폭스, 또는 자바스크립트의 아버지(브렌던 아이크)가 참여한 브레이브를 추천한다.
컴퓨터의 성능도 요즘에 나온 왠만한 사양으로도 다 작성할 수 있기 때문에
어떤 종류라도 상관없다. 극단적으로는 메모장도 html 작업이 가능하니 메모장 프로그램을 실행시킬 수 있는 컴퓨터면 공부할 수 있는거다.
제작한 웹 사이트는 서버에 저장해 배포라는 단계까지 거쳐야 다른 사람들도 접속할 수 있는 일반적인 의미의 웹페이지가 되며, 마찬가지 그 전까지의 모든 개발은 개인 컴퓨터로 가능하기 때문에 초기비용이 들지 않는다(!).
개발용 편집기인 VSCode(비주얼 스튜디오 코드)를 설치할 수 있다면 당연히 설치하는게 좋다. 무료이다.
일반 메모장으로는 경험할 수 없는 자동완성 기능이나 들여쓰기 간격 설정, 구문정보, 오타 안내 등의 서비스가 제공되며 그걸 일일이 찾는 시간을 아낄 수 있다.
