이벤트 이벤트란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미합니다. 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있습니다. 따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고 합니다. 이벤트 타입 이벤트 타입은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트 명(event name)이라고도 합니다. 가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있습니다. 실습 실습 1 - 키보드 입력 이벤트 HTML 삽입 미리보기할 수 없는 소스 실습 2 - 마우스 입력 이벤트 HTML 삽입 미리보기할 수 없는 소스 실습 3 - 속성 값..
자바스크립트 자바스크립트는 객체 기반의 스크립트 언어입니다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있습니다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있습니다. 현재 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있습니다. 자바스크립트 특징 자바스크립트는 객체 기반의 스크립트 언어입니다. 자바스크립트는 동적이며, 타입을 명시할 필요가 없는 인터프리터 언어입니다. 자바스크립트는 객체 지향형 프로그래밍과 함수형 프로그래밍을 모두 표현할 수 있습니다. 실습 실습 1 HTML 삽입 미리보기할 수 없는 소스 실습 2 실습 ..
CSS 애니메이션 CSS3에서는 애니메이션 속성을 사용하여 요소의 현재 스타일을 다른 스타일로 천천히 변화시킬 수 있습니다. 실습 실습 1 HTML 삽입 미리보기할 수 없는 소스 로 고 메 일 카 페 블 로 그 쇼 핑 실습 2 HTML 삽입 미리보기할 수 없는 소스 1:1 24시간 상담 GitHub https://github.com/Qkrwnsgus0522/Web GitHub - Qkrwnsgus0522/Web Contribute to Qkrwnsgus0522/Web development by creating an account on GitHub. github.com
CSS 활용 실습 실습 1 - 블록 요소를 인라인 요소로 변경하기 HTML 삽입 미리보기할 수 없는 소스 전체 상품 목록보기 신상품 목록보기 BEST 목록보기 고객센터 문의하기 실습 2 - 스크롤 이용약관 HTML 삽입 미리보기할 수 없는 소스 이용약관 여러분을 환영합니다. 네이버 서비스 및 제품(이하 ‘서비스’)을 이용해 주셔서 감사합니다. 본 약관은 다양한 네이버 서비스의 이용과 관련하여 네이버 서비스를 제공하는 네이버 주식회사(이하 ‘네이버’)와 이를 이용하는 네이버 서비스 회원(이하 ‘회원’) 또는 비회원과의 관계를 설명하며, 아울러 여러분의 네이버 서비스 이용에 도움이 될 수 있는 유익한 정보를 포함하고 있습니다. 네이버 서비스를 이용하시거나 네이버 서비스 회원으로 가입하실 경우 여러분은 본 약..
CSS 선택자 CSS에서는 스타일을 적용할 대상을 선택하기 위해서 선택자(selector)를 사용합니다. 실습 실습 1 - id / class 선택자 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fu..
CSS CSS란 Cascading Style Sheets의 약자입니다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어입니다. CSS 적용 방법 인라인 스타일(Inline style) 내부 스타일 시트(Internal style sheet) 외부 스타일 시트(External style sheet) 1. 인라인 스타일(Inline style) 인라인 스타일이란 HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법입니다. 이러한 인라인 스타일은 해당 요소에만 스타일을 적용할 수 있습니다. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in..
