Part 6-2-2. 웹 기초 : 환경 설정

 

 

🌐 웹 기초

 

 지난 시간에는 유니티 클라이언트 개발자가 왜 HTML과 CSS를 배워야하는지, 이를 활용할 수 있는 방법은 무엇이 있는지 알아보았다. 이번 시간에는 HTML을 배우기 전에 앞서 환경 설정하는 시간을 가져본다.

 

---

 

🧑‍💼 환경 설정

 

 먼저 HTML 편집을 위해 편집기를 다운로드 받는다. 루키스님이 사용하는 프로그램은 Atom이다. Atom의 다운로드 링크는 아래와 같다.

 

https://atom-editor.cc/

A hackable text editor for the 21st Century

 

 설치 후 파일이 저장될 폴더를 시의적절하게 설정해주고, test html 파일을 만들어준 뒤 hello web을 작성하고 저장한 후 이를 실행해보자.

 

Atom에서 hello Web을 치고 저장한 뒤, 해당 파일을 실행하면 나타나는 화면

 

 실행해보면 우리가 작성한 hello web이 우리를 반겨주는 것을 알 수 있다. 지금은 우리 PC내에서 test.html을 더블클릭하여 실행해주었지만, 실제로는 서버에 저장이되어 클라이언트에서 요청할 경우 서버에서 이를 전달해줄 것이다. 

 

 test.html 파일을 열고 F12를 누르면 개발자 도구를 통해 html 문법 마크업을 볼 수 있는데, 네이버에 똑같이 가도 html, head, body로 이루어진 것을 볼 수 있다. 지금 당장은 네이버의 모든 요소를 알 수 없으므로 다음시간부터 차근차근 하나하나씩 알아보도록 하자.

 

test html와 naver의 html 문법 마크업