TIL 7일차 - CSS, Javascript 간단 정리

CSS

Cascading Style Sheets

HTML을 꾸며주는 언어

 

HTML에 CSS를 적용하는 방법은 3가지

- 인라인(inline): HTML 태그 안에 속성으로

- 내부 스타일 시트:  head태그 안에 style 태그를 만들고 CSS 코드를 작성

- 외부 스타일 시트: HTML 문서 밖에 작성하고 연결. 

 

CSS를 한 곳에 모아 코드를 작성(like 외부 스타일 시트)하면 좋은 점: 유지보수하기에 좋음

 

Javascript

특정 HTML요소를 선택하여 제어할 수 있는 스크립트 언어이다.

 

스크린트 언어?

독립적인 프로그램을 개발할 수 있는 프로그래밍 언어가 아닌

"(프로그램 내부의 구성 요소 중 하나로) 프로그램을 제어하는 스크립트 역할을 하는 언어"

 

프론트엔드 관점 Javascript

HTML에 Javascript를 적용하는 방법은 3가지

1. 인라인: 태그 안에. 사용자와의 상호작용이 있을 때만 가능. ex) 버튼 클릭했을 때, 키보드를 눌렀을 때

2. 내부 스크립트: body 태그 안에 <script></script>태그

3. 외부 스크립트: HTML 문서 밖에 작성하고 연결

 

함수, 조건문, 변수에 대해 간단히 배웠다.