요약

• HTML = 화면의 뼈대

• CSS = 화면의 디자인

• JavaScript = 화면의 기능

• Jquery = JavaScript를 수월하게 사용하기 위한 라이브러리

HTML

Hyper Text Markup Language

Hyper Text

독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트.

Markup Language

태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지.

일반적으로 데이터를 기술하는 정도로만 사용되기에 프로그래밍 언어와는 구별.

CSS

Cascading Style Sheets

• 웹 페이지의 시각적 스타일과 레이아웃을 정의
• 글꼴 크기 및 색상, 위치 지정, 배경 이미지 등을 제어

JavaScript

웹 브라우저 내에서 대화형 효과를 만드는 데 사용되는 프로그래밍 언어.
웹페이지에 동작 및 상호작용을 추가하는 데 사용된다.

• 팝업 및 알림 만들기
• 양식 확인
• 애니메이션 및 효과 추가
• DOM(Document Object Model) 조작
• 웹 API에서 데이터 가져오기
• 대화형 게임 및 퀴즈 만들기

Jquery

개발자가 웹사이트용 JavaScript 코드를 쉽게 작성할 수 있도록 해주는 널리 사용되는 JavaScript 라이브러리

• 웹 페이지에서 HTML 요소를 선택하고 조작합니다. CSS와 유사한 선택기 사용
• 웹페이지에서 HTML 콘텐츠 추가, 제거 또는 수정
• 마우스 클릭 및 키보드 누름과 같은 이벤트 처리
• HTML 요소 애니메이션 및 복잡한 생성 시각 효과
• AJAX 요청을 만들어 웹 페이지를 다시 로드하지 않고 서버에서 데이터를 가져옵니다.

Java와 JavaScript의 관계

관계 없음.

이름과 형식만 비슷할 뿐 전혀 다른 언어임.

'자바'라고 이야기 하지 말고 '자스'라고 이야기하자.

라이브러리(library)

선배 개발자들이 미리 만들어 놓은 코드들.

언어가 가지고 있는 라이브러리를 '표준 라이브러리' 라고 한다.

외부에서 만든 라이브러리는 '라이브러리' 또는 '외부 라이브러리' 라고 한다.

Jquery는 외부 라이브러리다.