JavaScriptHTML-정보 내용 및 구조 & CSS-디자인 & JavaScript-동적 기능- 클라이언트에서 웹페이지의 동작을 담당 HTML1+1 Event웹 브라우저의 이벤트(사용자 동작)을 감지하고, 이에 반응하여 JavaScript 코드를 실행Event Console파일을 만들지 않고 JavaScript 코드를 실행하고 테스트하는 개발자 도구 (F12) 기본 문법- Data Type: number, string 등- 변수(var), 상수, 대입 연산자(=)- 웹 브라우저 제어 (DOM 조작)- DOM(Document Object Model) : HTML 문서를 객체로 표현한 것. HTML로 구성된 웹 페이지와 스크립트 및 프로그래밍 언어를 연결시켜주는 역할 (참고: https://docs.to..

CSSCascading Style SheetsHTML-정보 내용 및 구조 & CSS-디자인- 중복의 제거를 통한 효율성 향상 및 유지보수의 용이 : 중복되는 디자인 코드를 하나의 CSS 규칙/코드로 관리 Selector (선택자)CSS 효과를 적용할 대상을 지정. 특정 태그, 클래스, ID 등을 선택.- 우선순위 : ID(#id) > 클래스(.클래스명) > 태그(태그명) Declaration (선언)선택자에게 적용할 구체적인 효과. Property(속성)과 Value(값)으로 구성. ; (세미콜론)으로 각 선언 구분.- Property : 변경하려는 디자인의 종류- Value : Property에 적용할 구체적인 값 적용 방법 (예제 코드) - style 속성 사용 HTML 태그 내에 style 속성을 ..

HTMLHyperText Markup Language웹페이지의 구조와 내용을 정의하는 마크업 언어. 웹페이지를 만드는 가장 기본적인 언어. TagHTML의 기본 문법 단위. 로 묶인 키워드. 웹페이지의 콘텐츠에 의미와 구조를 부여.의미론적으로 적절한 태그 사용을 통해 검색 엔진 노출도 향상 가능. (예: 태그와 태그의 사용) AttributeHTML 태그에 추가 정보를 제공하는 문법. 형태로 작성. (예: 대표적인 태그들- : 앵커 태그 - 링크- : 단락 태그- : 줄바꿈 태그- , : 목록 태그- : 이미지 태그- , ... : 제목 태그- : 강조 태그 (볼드) 예제 코드 글 제목 목록 1번 소제목 내용 1번째줄내용 2번째줄 REFERE..