대표적인 프론트엔드 스택

• HTML : 동적언어

• CSS : 동적언어

• Javascript : 정적언어

• 그외 : node, express, boostrap, ...

(이미지 출처 - HTML, CSS, JS와 Front-end! 무엇을 할 수 있나요?)

HTML(Hyper Text Markup Language) 하이페텍스트 마크업 언어

• 하이터 텍스트 마크업 언어의 뜻?

  • 하이퍼텍스트 : 하이퍼링크를 통해 다른 문서에 즉시 접근할 수 있는 텍스트
  • 마크업 언어 : 문서의 구조를 표현하는 언어

• 웹을 만들기 위한 기초적인 언어, 그러나 프로그래밍 언어는 아님

  • 마크업 언어 : 웹페이지의 뼈대, 구조를 지정하는 언어
  • 프로그래밍 언어 : 문제해결을 위해 컴퓨터에게 처리방법과 순서를 정해주는 명령문을 작성하기 위한 언어

CSS(Cascading Style Sheet) 캐스트캐이딩 스타일 시트

• 글꼴의 크기, 모양, 문단 설정 등을 미리 정의하여 스타일로 만들고 웹 문서 본문에서 그 스타일을 참조하여 사용하는 기능

Javascript 자바스크립트

• Java와 연관 없음. 명성을 임힙기 위해 이름을 따옴
• HTML, CSS로 만들어진 정적 페이지를 동적으로 만들어주는 언어
• 근육, 행동에 해당하는 영역