728x90 프로그래밍/[javascript] 자바스크립트53 [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. [JavaScript] 자바스크립트 삼항 연산자 사용법 및 예제 목 차1. 삼항 연산자란?2. 사용 예제2-1. 기본 사용2-2. 중첩 사용3. 주요 특징4. 주의 사항 1. 삼항 연산자란?삼항 연산자(ternary operator)는 JavaScript에서 조건에 따라 다른 값을 반환하거나 실행할 때 사용되는 짧고 간결한 조건문입니다.조건 ? 값1 : 값2;조건: 평가될 표현식으로, true 또는 false로 평가됩니다.값1: 조건이 true일 때 반환되는 값 또는 실행되는 표현식.값2: 조건이 false일 때 반환되는 값 또는 실행되는 표현식. 2. 사용 예제2-1. 기본 사용const age = 18;const canVote = age >= 18 ? "Yes" : "No";console.log(canVote); // "Yes"조건 age >= 18이 true.. 2025. 1. 3. [JavaScript] 자바스크립트 setInterval()과 clearInterval() 함수 목 차1. setInterval과 clearInterval 함수란?2. setInterval() 함수2-1. 문법2-2. 사용 예제3. clearInterval() 함수3-1. 문법3-2. 사용 예제4. 주요 특징4-1. 비동기 작업5. 활용 예제5-1. 박스 이동 애니메이션 예제5-2. 타이머 만들기 예제6. 주의사항 1. setInterval과 clearInterval 함수란? setInterval과 clearInterval은 JavaScript에서 특정 작업을 일정한 시간 간격으로 반복 실행하거나, 반복 작업을 중단할 때 사용됩니다. 2. setInterval() 함수2-1. 문법const intervalId = setInterval(callback, delay, ...args);callback:.. 2024. 12. 30. [JavaScript] 자바스크립트 innerText 사용법 목 차1. innerText 설명2. innerText 특징3. 사용 예제3-1. HTML 요소 내용 읽기3-2. HTML 요소 내용 쓰기3-3. CSS로 숨겨진 문자열 텍스트 확인4. innerText 장점과 단점 1. innerText 설명innerText는 JavaScript에서 DOM(Document Object Model) 요소의 텍스트 콘텐츠를 가져오거나 수정하는 데 사용되는 속성입니다.innerText는 사용자에게 실제로 보이는 텍스트를 기반으로 작동하며, 요소의 스타일과 렌더링 상태에 영향을 받습니다. 2. innerText 특징렌더링된 텍스트 기반:요소가 화면에 보이는 경우에만 값을 반환하거나 설정합니다.CSS 스타일에 따라 숨겨진 텍스트(display: none 또는 visibilit.. 2024. 12. 16. [JavaScript] 자바스크립트 textContent 사용법과 주의사항 목 차1. textContent 설명2. textContent 특징3. 사용 예제3-1. HTML 요소의 텍스트 읽기3-2. HTML 요소의 텍스트 쓰기3-3. 텍스트 수정하기3-4. 사용자 입력 값 표시4. 주의 사항4-1. 하위 요소의 텍스트도 포함4-2. 화이트스페이스 유지4-3. 기존 내용 덮어쓰기5. textContent의 장점 1. textContent 설명textContent는 JavaScript에서 DOM(Document Object Model) 요소의 텍스트 콘텐츠를 가져오거나 설정할 수 있는 속성입니다. 이 속성은 특정 HTML 요소 내부의 텍스트를 조작하는 데 사용되며, HTML 태그를 무시하고 순수한 텍스트만 다룹니다. 2. textContent 특징HTML 태그를 무시:읽을 때,.. 2024. 12. 15. 이전 1 2 3 4 ··· 9 다음 728x90