Javascript, HTML, CSS

Javascript, HTML, CSS의 역할

• HTML : 문서의 구조를 나타냄.
• CSS : 문서 각 요소들의 스타일을 나타냄.
• JS : 이런 문서 각 구조와 스타일에 변화를 주거나 로직을 추가.

웹 상에서의 동작.

• 웹 페이지 상에서 JS, HTML, CSS는 함께 동작한다.
• 브라우저는 JS 코드를 실행 시켜서 HTML, CSS에 변화가 생긴다면 다시 브라우저에 해당 내용을 반영하여 랜더링에 사용자가 변화를 확인할 수 있게 해준다.

예시

• HTML이 구조를 잡는다고 말했듯 아래의 그림과 같이 골격을 잡는다.
  

  

• CSS는 스타일을 담당한다고 말했다. 위에서 태그 p 부분의 폰트 크기와 색상을 바꾼다는 의미이다.
  

  

  
  

  

• JS는 구조와 스타일에 변화를 주거나 로직을 추가한다고 했다. 이 부분에서는 프롬프트에 값을 받으면 그것을 출력하는 로직을 추가하겠다.