HTML/CSS
◎ HTML
-> 웹 페이지를 구성하는 마크업 언어이다.
-> 웹 페이지의 구조와 내용을 담당한다. 즉 웹페이지의 뼈대(틀)역할을 한다.
-> HTML은 태그(tag)들의 집합이다. 태그는 부등호(<>)로 묶인 HTML의 구성요소다.
-> HTML은 트리구조로 구성되어 있다.
-> <!DOCTYPE html> : 현재문서가 html5로 작성된 문서임을 나타낸다. 브라우저에게 나타내는 것이다.
-> <html> ~ </html> : html의 시작과 끝을 나타낸다.
-> <body> ~ </body> : 실질적으로 웹 브라우저에 나타나는 내용. 사용자가 웹 브라우저에서 볼 수 있는 내용
-> <head> ~ </head> : <body>태그 안에 있는 내용을 해석하는데 필요한 정보가 있다.
-> 블록 레벨 엘리먼트 : 블록 레벨 엘리먼트에 속하는 요소들은 웹 문서에서 한 줄 전체 공간을 차지한다. -> 높이와 너비를 지정할 수 있다.
-> 인라인 블록 레벨 엘리먼트 : 요소의 크기만큼만 공간을 차지한다. -> 높이와 너비를 지정할 수 없다.
◎ CSS
-> 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일시트 언어
-> HTML로 웹 페이지의 틀을 만든 다음 사용자가 사용하기 편리하게 디자인을 적절하게 구성한다.
-> CSS는 스타일링 도구로 독립적으로 기능하지 않으며 HTML과 같이 사용된다.
-> 사용자 인터페이스(UI : User Interface) : 컴퓨터와 교류하기 위한 연결고리로 컴퓨터의 복잡한 내부 작동원리에 대한 이해가 없이도 사용자가 쉽게 컴퓨터가 의도한 행동을 명령할 수 있게 해준다.
-> 사용자 경험(UX : User Experience) : 사용자 인터페이스를 포함하여 사용자가 특정 서비스를 사용하면서 직/간접적으로 경험하면서 느낀 종합적인 만족도
-> 웹 페이지를 만들 때 UI/UX를 고려한다는 것은 사용자 입장에서 사용하게 편리하게 웹 페이지를 만드는 것이다.
◎ JavaScript
-> HTML과 CSS를 통해 웹 페이지를 만들 수 있다. 이 웹 페이지는 정적 웹 페이지로 웹 페이지에서 로그인 요청을 서버로 보내는 등의 사용자와 상호작용을 할 수 없는데 JavaScript를 통해 웹 페이지를 프로그램으로 만들어 사용자와 상호작용을 할 수 있는 프로그램을 만들어주는 프로그래밍 언어다.