[Back-end] 기초 프론트엔드 지식

Geun·2022년 2월 27일
0

Back-end

목록 보기
8/74
post-custom-banner

Front-end의 기본지식이지만 Back-end의 로드맵에 적혀있기에, Backend의 태그를 달고 이 글을 쓴다.

웹 사이트

웹 사이트는 크게 HTML, CSS, 자바스크립트 3가지로 구성되어 있다.

HTML

HTML(Hyper Text Markup Language)는 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다.
어떤 웹 사이트에서는 블록(block)을 구성하는 곳에 사용하는 언어이기도 한다.
웹의 구조를 만들 수 있다.

CSS

CSS(Cscading Style Sheets)는 HTML로 만들어진 문서의 스타일을 지정하는 방식을 규정하는 스타일 시트 언어이다.
CSS는 웹사이트를 시각적으로 매력적이게 만드는 역할을 한다.
CSS로 할 수있는 일은

  • 웹 페이지에 있는 텍스트의 일부분만 색상을 변경할 때 HTML에 스타일 코드를 추가해 쉽게 처리할 수 있다.
  • 아주 간단한 애니메이션 효과를 만드는 기능을 사용할 수도 있다.
  • HTML로 표시된 내용에 더하여 CSS를 사용하면, 웹사이트의 레이아웃과 포맷을 변경할 수 있다.

자바스크립트(JavaScript)

자바스크립트는 웹 사이트가 로딩된 이후 CSS와 HTML의 구성요소들을 변경할 수 있게 해준다. 이를 통해 웹 사이트를 보다 interactive하게 만들고 사용자의 참여율을 높일 수 있다.
웹 페이지에서 동적처리를 담당한다.
자바스크립트로 할 수 있는 기능의 예시로

  • 웹 사이트에 계산기를 만든다.
  • 키보드 단축키를 만들어서, 사용자가 다른 페이지로 쉽게 넘어갈 수 있게 한다.
  • 사용자가 페이지에서 스크롤을 내리면 애니메이션을 실행한다.

등이 있다.

참고자료

https://html-css-js.com/
https://junghn.tistory.com/entry/htmlcss-HTMLCSSJavascript-%EC%9D%98-%EC%A0%95%EC%9D%98%EC%99%80-%EC%B0%A8%EC%9D%B4%EC%A0%90
whisket 링크1
whisket 링크2

post-custom-banner

0개의 댓글