HTML(갖다놓고), CSS(꾸미고), JavaScript(시킨다)
HTML(HyperText Markup Language)은 이름과 같이 '마크업 언어'인데
단순히 생각해서, 화면에 이것들이 이런 구조로
놓여 있어라 하고 갖다놓는 수단이에요.
CSS는 언어란 말도 안 들어가고
Cascading Style Sheets에요.
'HTML이 올려놓은 이것들은
이렇게 보여라!' 하고 꾸며주는 문서에요.
자바스크립트만이 프로그래밍 언어에 속해요.
원래는 브라우저에서 웹사이트를 돌리는 목적으로 만들어진,
그닥 대우도 잘 못 받는 언어였는데
계속해서 발전을 하고 특히 Node.js가 이걸
브라우저 바깥 세상으로 꺼내오면서
지금은 위상이 Git똥차졌어요.
웹사이트에서 돌아가는 자바스크립트는
브라우저에서 다양한 일을 수행하고
HTML으로 올려놓은 요소들을 변형시키거나
직접 만들어내기까지 해요.
웹앱으로 사칙연산을 수행하는 간단한 프로그램을 만들어보겠음.
head는 각종 스크립트와 설정들을 저장하고 script.js와 연결하게됨.
css 말 그대로 스타일 시트임. 커버. 외형을 꾸며주는 요소
css나 html도 쉬워보이지만 작동플랫폼에 따라 (화면 해상도, PC/안드로이드/태블릿 등)
어떻게 최적화 결과를 얻어낼 수 있는지 고민하는 과정이 필요함.
유명한 포털사이트들에서 관리자도구(F12)로 접속하여
css나 html 아키텍쳐 공부를 해보는 것도 좋은 방법론임
예전에는 jQuery가 강세였는데 성능문제도 있고
최근에는 프론트엔드 프레임워크 같은 새로운 개발방식들이 나오면서
jQuery를 쓰지 않아도 된다 그런 이야기가 있고...
어쨋든 초보자분들은 자바스크립트를 탄탄히 배워놓고
이런 라이브러리나 프레임워크를 배워나가면 좋겠음
html과 css는 대표적으로 크롬, 익스플로러, 파이어폭스 등에서 작동하는데
너무 최신이면 해당 웹브라우저에서 지원하지 않을수도 있으니 고려해야함.
이것이 호환성임.
