What is 'CSS'?
'CSS'는 내가 프론트엔드에 관심을 가지게 된 이유임.
(근데 막상 해보니 복잡하고 쉽지 않다...)
'CSS'는 'Cascading Style Sheets'의 줄임말.
Cascading : 폭포같은, 위에서 아래로 흐르는
HTML과 결합하여 '계단식으로 스타일을 정의'
style(스타일) + sheets(종이)
즉, 'CSS'는 계단식으로 스타일을 정의하는 문서.
CSS는 HTML요소들이 웹에서 어떻게 보일지 정의하는 언어임.
*대부분 웹 브라우저는 CSS를 지원.
Q. CSS를 써야 하는 이유?
물론 HTML로도 웹 페이지를 만들 수 O.
하지만, 세부적인 스타일을 하나하나씩 지정해야 돼서 불편함. 효율성 ↓
CSS의 문법
선택자(selector), 선언부(declaratives)로 구성됨.
선택자 : CSS를 적용하고자 하는 HTML요소
ex) body, h1...(이것들은 태그)
선언부 : 스타일 내용 코드. 세미콜론(;)으로 구분, 중괄호{}로 전체를 둘러쌈
확장자는 .css로 저장하여 HTML과 분리해줌
What is 'JavaScript'?
CSS에 대해 알아보았으니
마지막으로 'JavaScript'.
'JavaScript'는 HTML, CSS와 다르게, 프로그래밍 언어임
스크립트 언어라고 부르기도 함
JavaScript는 HTML, CSS를 조작해서
웹 페이지의 동적인 생동감을 불어넣어 주는 프로그래밍 언어!
*HTML, CSS는 마크업 언어.
Node.js와 같은 프레임워크를 사용하면 서버 프로그래밍도 가능함.
대부분의 웹 브라우저는
JS인터프리터가 내장되어 있으므로 JavaScript 실행 가능.
JavaScript는 다양한 활용이 가능한 것이 장점,
특히 웹 개발에서 주로 사용.
ex) 버튼 누르면 완료창이 화면에 나타남, 마우스를 올리면 동영상이 재생됨
