728x90 프로그래밍119 [HTML] script 태그 목 차1. HTML의 2-1. 내부 스크립트브라우저는 2-2. 외부 스크립트app.js 파일에 있는 자바스크립트 코드를 가져와서 실행합니다. 외부 스크립트는 재사용성이 높고, 코드의 분리와 유지보수가 용이합니다. My Web Page 3. 속성 3-1. async async 속성은 외부 스크립트를 비동기적으로 로드하고 실행합니다. 즉, HTML 문서가 계속해서 파싱되는 동안 스크립트를 동시에 로드합니다. 스크립트가 준비되면 바로 실행됩니다.이 속성은 페이지 성능을 높이는 데 유용하지만, 스크립트 실행 순서를 보장하지 않기 때문에 의존성이 없는 스크립트에 사용됩니다. 3-2. defer defer 속성은 스크립트를 비동기적으로 로드하지만, HTML 문서의 파싱이 끝난 후에 스크립트를 실행.. 2024. 10. 12. [javascript] ECMA 스크립트 문법 목 차1. ECMA 스크립트란?2. 문법2-1. 변수 선언2-2. 자료형2-3. 함수2-4. 템플릿 리터럴2-5. 디스트럭처링 할당 (Destructuring Assignment)2-6. 모듈 시스템2-7. 클래스2-8. 비동기 처리: Promise와 async/await2-9. 기타 주요 문법 요소3. 요약 1. ECMA 스크립트란? ECMA(유럽 컴퓨터 제조 협회, ECMA International)는 다양한 표준을 제정하는 국제 기구입니다. 그 중 ECMAScript는 JavaScript 언어의 표준을 정의하는 스크립트 언어 규격입니다. ECMAScript는 웹 브라우저뿐만 아니라 서버 사이드 및 다양한 환경에서 사용되는 프로그래밍 언어입니다.ECMAScript는 여러 버전이 있으며, 매년 새로운 .. 2024. 10. 11. [javascript] settimeout() 함수 목 차1. setTimeout() 함수란?2. 기본 구조3. 사용 방법4. setTimeout 취소하기 : clearTimeout() 함수5. 주의사항6. 요약 1. setTimeout() 함수란? setTimeout() 함수는 JavaScript에서 일정 시간이 지난 후에 특정 코드를 실행시키기 위해 사용되는 함수입니다. 비동기적인 작업을 처리할 때 매우 유용하며, 주로 타이머 역할을 하거나 지연된 작업을 처리할 때 사용됩니다. 2. 기본 구조 setTimeout(function, delay);function: 지정된 시간이 지난 후 실행할 함수입니다. 함수 표현식이나 익명 함수로 전달할 수 있습니다.delay: 함수가 실행되기 전에 기다릴 시간(밀리초 단위)입니다. 1초는 1000밀리초입니다. 3. .. 2024. 10. 10. [HTML] p 태그 - 줄바꿈 목 차1. 태그란?2. 태그의 주요 특징3. CSS 스타일 적용하기4. 자주 사용하는 속성 1. 태그란? 태그는 HTML에서 단락(Paragraph)을 나타내기 위해 사용되는 태그입니다. 기본적으로 텍스트를 블록 레벨 요소로 나타내며, 내용이 끝나면 자동으로 줄 바꿈이 포함됩니다. 2. 태그의 주요 특징 블록 레벨 요소: 태그는 블록 레벨 요소로, 이 태그로 감싼 내용은 기본적으로 다른 콘텐츠와 분리되어 줄바꿈이 적용됩니다.자동 여백: 브라우저에서 태그는 기본적으로 위아래에 여백을 주기 때문에, 단락 간에 간격이 자동으로 생깁니다.중첩 불가: HTML5에서는 태그 안에 또 다른 태그를 중첩해서 사용하면 오류가 발생할 수 있습니다. 한 단락은 하나의 태그로 끝내야 합니다.폐쇄형 태그: .. 2024. 10. 9. [HTML] a태그 noopener와 noreferrer 정리 목 차요약1. 왜 noopener, noreferrer를 사용하나요?2. rel 속성 값 : noopener3. rel 속성 값 : noreferrer4. 함께 사용하기 "noopenner와 noreferrer이란 무엇인가?" 요약 noopener: 새로 열린 페이지가 원본 페이지의 참조를 가져올 수 없게 하여 보안을 강화.noreferrer: 새로 열린 페이지가 원본 페이지의 리퍼러 정보를 받지 못하게 하여 개인정보 보호를 강화. noopener의 기능도 포함. target="_blank"를 사용할 때 발생할 수 있는 보안 위협을 줄이고, 사용자의 개인정보를 보호할 수 있습니다. 1. 왜 noopener, noreferrer를 사용하나요? noopener와 noreferrer는 보안과 개인정보 보호를.. 2024. 10. 4. [HTML] a 태그 목 차0. 요약1. 기본 구조2. 주요 속성2-1. href2-2. target2-3. rel2-4. download2-5. title2-6. href="#" 또는 href="javascript:void(0)"2-7. 스타일링 0. 요약 태그는 링크를 만들기 위한 HTML 요소입니다.href 속성은 링크의 목적지를 정의합니다.다른 속성들(target, rel, download, title)을 활용하여 링크 동작을 세밀하게 조정할 수 있습니다. 1. 기본 구조 HTML의 태그는 "앵커(anchor)" 태그라고 하며, 웹 페이지에서 다른 문서나 외부 리소스에 링크를 제공하는 데 사용됩니다. 기본적으로 하이퍼링크를 생성하는 태그입니다.href: 사용자가 클릭했을 때 이동할 URL(목적지)을 정의하는 속성.. 2024. 10. 3. 이전 1 ··· 12 13 14 15 16 17 18 ··· 20 다음 728x90