728x90 전체 글168 [JavaScript] 쿠키(COOKIE) 사용법 (저장, 삭제, 가져오기) 목 차COOKIE란?쿠키 생성 (설정)쿠키 읽기쿠키 수정쿠키 삭제주의 사항 COOKIE란?쿠키는 클라이언트 측에서 작은 데이터를 저장하는 방식으로, HTTP 요청과 함께 서버로 전송됩니다. 쿠키는 브라우저의 document.cookie API를 사용하여 처리할 수 있습니다. 쿠키 생성 (설정)쿠키를 생성하려면 document.cookie에 문자열 형식으로 쿠키 정보를 추가합니다.name=value; expires=DATE; path=PATH; domain=DOMAIN; secure; SameSite=VALUE💡 쿠키 생성 예제 코드document.cookie = "username=JohnDoe"; // 기본 쿠키 설정// 만료 날짜와 추가 옵션 포함document.cookie = "username=J.. 2025. 1. 20. [JavaScript] 접속한 모바일, PC 브라우저 정보 확인하기 목 차1. 웹 브라우저 정보 가져오는 방법2. navigator 객체 주요 속성navigator.userAgentnavigator.platformnavigator.languagenavigator.languagesnavigator.vendornavigator.onlinenavigator.cookieEnabled3. 사용 예제4. 브라우저 종류와 버전 확인하는 예제5. 추가적으로 사용할 수 있는 속성들 1. 웹 브라우저 정보 가져오는 방법자바스크립트에서 사용자가 접속한 웹 브라우저 정보를 가져오려면, 브라우저의 navigator 객체를 사용하면 됩니다. 이 객체는 클라이언트(사용자)의 브라우저와 관련된 다양한 정보를 제공합니다. 2. navigator 객체 주요 속성navigator.userAgent사용자.. 2025. 1. 19. [HTML] aside 태그 (SEO최적화에 도움 되는 태그) 목 차1. aside 태그란?2. 주요 특징 및 역할3. 사용 예시3-1. 블로그의 사이드바3-2. 기사에서 보충 정보 제공3-3. 광고 또는 프로모션4. 주요 속성과 사용법5. 실용적인 활용 팁5-1. 레이아웃 디자인5-2. 접근성 향상5-3. SEO 최적화6. 요약 1. aside 태그란?HTML의 태그는 문서의 주요 콘텐츠와 간접적으로 관련된 콘텐츠를 나타내는 데 사용됩니다. 이는 보조적인 정보나 추가적인 내용을 표시하는 데 적합하며, 종종 사이드바나 관련 콘텐츠로 사용됩니다. 2. 주요 특징 및 역할보조 정보 요소는 주요 콘텐츠를 보완하거나 추가적인 맥락을 제공하는 정보를 담습니다.예: 광고, 관련 링크, 인용문, 정의, 사이드바 등.문맥 의존성 내부의 콘텐츠는 주요 콘텐츠에 대한 보조 자료로.. 2025. 1. 17. [HTML] article 태그 (콘텐츠 관련 태그) 목 차1. article 태그란?2. 주요 특징 및 역할3. 사용 예시3-1. 블로그 글3-2. 뉴스 기사3-3. 포럼 글4. 속성과 사용법5. 요약 1. article 태그란?HTML의 태그는 문서, 애플리케이션, 웹사이트, 또는 웹 애플리케이션에서 독립적으로 구분될 수 있는 자체 콘텐츠를 나타내는 요소입니다. 이는 독립적으로 배포되거나 재사용 가능한 콘텐츠 블록을 정의하는 데 사용됩니다. 2. 주요 특징 및 역할독립적인 콘텐츠 요소는 독립적으로 이해될 수 있는 콘텐츠를 담습니다.예: 블로그 글, 뉴스 기사, 포럼 글, 사용 설명서, 제품 정보 등.재사용 가능성에 포함된 콘텐츠는 다른 문맥에서도 그대로 사용될 수 있도록 설계됩니다.RSS 피드나 다른 웹사이트로 공유하기 적합합니다.문맥적 의존성 없음.. 2025. 1. 17. [HTML] area 태그 (이미지 특정 영역 지정) 목 차1. area 태그란?2. 기본 개념3. 기본 문법4. 구성 요소4-1. map 태그4-2. area 태그5. 주요 속성5-1. shape5-2. coords5-3. href5-4. alt5-5. target5-6. download6. 사용 예제7. 주의 사항 1. area 태그란?HTML의 태그는 이미지 맵(image map)을 정의할 때 사용됩니다. 이미지 맵은 이미지의 특정 영역을 클릭 가능한 링크로 설정할 수 있는 기능으로, 태그와 함께 태그 안에서 사용됩니다. 태그는 이미지 맵에서 각 영역의 위치, 크기, 링크를 정의합니다. 2. 기본 개념 태그는 HTML5에서 지원되며, 닫는 태그가 없는 빈 태그(self-closing tag)입니다.이미지를 클릭 가능한 여러 영역으로 나누는 데.. 2025. 1. 14. [HTML] address 태그 문법 및 사용 예제 목 차1. address 태그란?2. 기본 개념3. 기본 문법4. 사용 예제4-1. 웹페이지의 작성자 정보4-2. 회사 정보4-3. 블로그 작성자 5. 주요 특징6. CSS 스타일링7. 접근성과 SEO 1. address 태그란?HTML의 태그는 문서나 페이지의 작성자, 소유자, 또는 관련 연락처 정보를 나타내는 블록 요소입니다. 이 태그는 주로 주소나 연락처 정보를 표시하기 위해 사용되며, 의미론적(Semantic) 태그로서 문서의 구조와 정보를 명확히 전달하는 데 도움이 됩니다. 2. 기본 개념 태그는 물리적 주소뿐만 아니라 이메일, 전화번호, 웹사이트 링크 등 다양한 연락처 정보를 나타낼 수 있습니다.문서나 섹션의 작성자 또는 관련된 사람/조직의 정보를 제공하기 위해 사용됩니다.스타일링 측면에.. 2025. 1. 11. 이전 1 2 3 4 ··· 28 다음 728x90