JavaScript13 [JavaScript] - HTML / CSS / JavaScript 자바스크립트 기초 HTML HTML이란 Hyper Text Markup Language의 약어로 Hyper Text (웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다. 구조를 설계할 때 사용되는 언어로 Typer Link 시스템을 가지고 있으며, 흔히 말하는 웹 페이지를 위한 마크업 언어라고 할 수 있습니다. 웹 페이지는 월드 와이드 웹 상에 있는 개개의 문서를 가리킵니다. .gif / .jpg / .Ai / .pdf / .doc / .hwp 이와 같은 확장자 포맷이 있듯리 HTML은 .htm / .html 확장자 포맷을 가지고 있습니다. 이 HTML 문서는 단순히 텍스트 파일에 불과하고 웹 브라우저가 해석을 해서 구조를 통해 화면에 렌더링 해주게 되고 사용.. 2023. 12. 31. [JavaScript] - AJAX / sort,map,filter / 웹스토리지 / switch ~ case 자바스크립트 (JavaScript) 기초 AJAX (Asynchronous JavaScript And XML) AJAX란 자바스크립트의 라이브러리 중 하나이며, Asynchronous JavaScript And XML(비동기식 자바스크립트와 xml)의 약자입니다. 브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터 로드 기법이며 자바스크립트를 이용한 비동기 통신, 클라이언트와 서버간에 XML 데이터를 주고받는 기술입니다. 자바스크립트를 통해서 서버에 데이터를 요청하는 것이라고 생각하면 됩니다. AJAX 사용을 가능하게 만드는 것들 HTML DOM JavaScript XMLHttpRequest Etc AJAX로 할 수 있는 것 .. 2023. 12. 13. [JavaScript] - 이벤트버블링 응용 & Dataset / Array & Object & DataBindin / select / JS에서 HTML 문법 사용 / forEach & forIn 자바스크립트 (JavaScript) 기초 이벤트버블링(Event Bubbling) 응용 및 Dataset 속성 이용 이벤트버블링이란 한 요소에 이벤트가 발생하면 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작하고 최상단의 부모 요소를 만날 때까지 반복되면서 핸들러가 동작하는 현상을 말합니다. Dataset이란 사용자가 해당 요소에 커스텀 속성을 추가한 객체를 의미합니다. 탭 버튼을 이용하여 두 가지의 예를 보여드리겠습니다. Products Information Shipping Shopping 상품설명입니다. Product 스펙설명입니다. Information 배송정보입니다. Shipping 상품목록입니다. Shopping // ----------------------js 코드---.. 2023. 12. 12. [JavaScript] - setTimeout / 정규식 / 캐러셀 / 스크롤 / for문 자바스크립트 (JavaScript) 기초 setTimeout / setInterval setTimeout이란 어떤 코드를 바로 실행하지 않고 일정 시간 기다린 후 실행해야 하는 경우에 사용하는 자바스크립트 함수입니다. setTimeou(); 이렇게 작성하고 괄호 안에 실행할 코드와 시간을 작성합니다. 시간은 ms로 되어 있습니다. 작성방법 setTimeout(function(){실행할 코드}, ms); setTimeout(함수, 1000); function 함수() { console.log('안녕'); } // 또는 setTimeout(function(){ 실행할 코드 }, 1000); setInterval이란 어떤 코드를 일정한 시간 간격을 두고 반복해서 실행하고 싶을 때 사용합니다. setInterv.. 2023. 12. 1. [JavaScript] - JavaScript 작성 방법 / alert창 / 이벤트리스너 / 클래스네임 / modal 자바스크립트 (JavaScrip) 기초 자바스크립트 작성 방법 html 파일 생성 및 기본 틀 파일 생성시 파일명.html로 생성하면 됩니다. 밑에 코드를 입력하고 body 태그 안에 여러 태그들을 이용하여 틀을 잡고 script 태그 안에 효과를 주면 됩니다. body 태그와 script 태그에 간단한 코드를 작성해 보겠습니다. body에 h1 태그를 이용하여 글자를 입력하고 h1 태그에 id를 부여해 보겠습니다. 이후 script 태그 안에 h1 태그의 글자를 바꿀 수 있는 코드를 작성해 보겠습니다. innerHTML은 내가 선택한 id의 HTML안의 내용을 변경하겠다는 의미입니다. style.color는 글자색을 변경하겠다, style.fontSize는 글자 크기를 변경하겠다는 의미입니다. 안녕하세.. 2023. 11. 29. 이전 1 2 3 다음
