목록백엔드 로드맵따라가기/기본적인 프론트엔드 지식 (3)
전성빈의 사리사욕
Javascript란? 자바 스크립트란 웹페이지를 이용하는 사용자와 동적으로 소통할 수 있게하는 스크립트 언어입니다. 사용자의 요청에 따라 컨텐츠를 바꾸고, 멀티미디어를 다루고 움직이는 이미지를 그리는등 굉장히 다양한 일을 할 수 있습니다. HTML은 문서의 구조를 만들고 CSS는 문서의 콘텐츠를 보기좋게 만듭니다. Js는 동적인 기능을 만듭니다. HTML과 CSS를 통해 만들어진 문서를 객체로 인식하여 프로그래밍적으로 다룰 수 있습니다. 변수를 만들어 변수안에 저장하는것, 문자열을 만들어 문자들을 조작하고 사용자의 요청에 응답하는 함수들을 만들 수 있습니다. --- 스크립터 언어란 실행하기 위한 컴파일을 거치지않고 바로 실행할 수 있는 언어를 말합니다.
CSS란? CSS(Cascading Style Sheets)은 HTML, XML등의 마크업 언어의 문서들을 꾸며주는 역할을 합니다. 웹 페이지를 구성할때 HTML은 문서의 구조를 담당하고 CSS는 해당 구조와 내용을 더욱 보기 좋게 꾸며줍니다. 너비와 높이, 위치, 버튼의 모양, 글꼴과 글씨의 색, 배경 색 등 디자인적인 요소를 관리합니다. CSS의 등장으로 문서의 내용과 디자인을 분리하게 되어 따로 관리할 수 있게 되었고 하나의 CSS를 수정하면 여러개의 HTML문서의 디자인이 변경된다는 장점이 있습니다.
HTML이란? HTML(Hyper Text Markup Language)은 브라우저 위에서 작동하는 브라우저를 표시하기 위한 언어입니다. - Hyper Text : 페이지와 페이지를 이동할 수 있는 기능 - Markup Language: 콘텐츠의 의미를 설명하는 언어(HTML은 태그를 사용) HTML은 웹페이지를 구성하기위한 내용을 담고있기 때문에 프로그래밍 언어가 아니며 매우 간단합니다. 구성은 DTD, head, body로 이루어집니다. DTD(Document Type Definition) : 마크업 언어의 문서 형식을 정의하는것으로 html에서는 버전을 정의합니다.(e.g. html5, html4 ...) head : 문서를 정의하는 데이터가 위치합니다.(e.g. 웹페이지의 제목, 메타데이터 등) ..