728x90 분류 전체보기197 [HTML] bdi 태그 (문자 정렬 문제 해결) 목 차HTML 태그란?주요 특징사용 예시 없이 RTL 텍스트 사용 (문제 발생) 태그 사용 (문제 해결) 태그와 태그의 비교 HTML 태그란? (Bi-Directional Isolation) 태그는 양방향(Bi-Directional, Bidi) 텍스트를 독립적으로 표시하기 위해 사용됩니다. 즉, 다른 언어의 텍스트 방향이 섞일 때 원래 문장의 방향을 유지하면서 해당 부분만 올바르게 정렬하도록 합니다. 주요 특징 양방향 텍스트의 혼합 표시 문제 해결 LTR(Left-To-Right, 왼쪽에서 오른쪽) 언어(영어, 한국어)와 RTL(Right-To-Left, 오른쪽에서 왼쪽) 언어(아랍어, 히브리어)가 섞일 때 발생하는 텍스트 정렬 문제를 방지합니다. 자동으로 텍스트 방향을 감지 안의 텍스트 방향이 .. 2025. 2. 5. [HTML] base 태그 (상대 경로, 절대 경로) 목 차HTML 태그란?주요 특징사용 예시기본 URL 설정 (href)기본 대상 설정 (target) 태그의 속성 태그 사용시 주의 사항 태그와 절대 경로 vs 상대 경로 비교 HTML 태그란? 태그는 HTML 문서에서 기본 URL(기본 주소)과 기본 대상(target)을 설정하는 역할을 합니다. 이를 통해 문서 내의 상대 경로 링크와 리소스(이미지, CSS, JavaScript 등)의 기본 경로를 지정할 수 있습니다. 주요 특징 기본 URL 설정 (href 속성 사용)문서 내 상대 경로 링크의 기본 주소를 정의합니다.페이지에 있는 모든 상대 URL 링크(href, src 등)가 에 설정된 경로를 기준으로 해석됩니다. 기본 대상(target) 설정 (target 속성 사용)문서의 모든 하이퍼링크.. 2025. 2. 5. [HTML] b 태그 (모르면 안되는 내용 정리) 목 차HTML 태그란? 태그 특징 및 역할 요약사용 예시기본적인 태그 사용 태그와의 차이 태그와 태그 비교CSS로 태그 대신 스타일링 하는 방법 HTML 태그란? 태그는 텍스트를 굵게 (bold) 표시하는 데 사용됩니다. 하지만 단순한 시각적 효과만 제공하며, 문맥적 중요성을 의미하지는 않습니다. 태그 특징 및 역할 요약텍스트를 굵게 표시 태그는 해당 텍스트를 시각적으로 강조하여 굵게 보이도록 합니다.하지만 의미론적인 강조(중요성, 강한 강조 등)를 나타내지는 않습니다.CSS 없이 기본적으로 적용됨 태그를 사용하면 별도의 CSS 없이도 글자가 굵게 표시됩니다.기본적으로 font-weight: bold; 스타일이 적용됩니다.중요한 정보 전달을 위한 용도 X 태그는 단순한 스타일링 용도로 사용되며.. 2025. 2. 4. 구글 애드센스 사이트 추가하고 통합 관리하기 목 차구글 애드센스 사이트 추가 방법구글 애드센스 광고 코드 적용하기 구글 애드센스 사이트 추가 방법수익형 블로그나 사이트를 운영하면서 구글 애드센스 계정을 어떻게 해야 할지 고민이 되실 겁니다.구글 애드센스는 여러 사이트를 등록하고 통합해서 관리할 수 있기 때문에 간단하게 사이트 추가하고 심사만 통과한다면 문제없이 사용하실 수 있습니다.어렵지 않으니 천천히 따라해 보세요. 구글 애드센스에 접속한 후에 [사이트] 메뉴에 들어가 주세요.해당 페이지에 들어가면 [새 사이트] 버튼이 보이실 겁니다. 등록하고 싶은 웹사이트 주소를 입력하는 창이 나타납니다.사이트 주소를 입력해 주세요. 티스토리 블로그의 경우에는 티스토리에서 설정을 완료하라는 문구를 확인할 수 있습니다.티스토리 블로그 관리자 페이지에 돌아가.. 2025. 1. 24. [Python] 파이썬 with문 사용법 핵심 요약 정리 목 차파이썬 with문이란?기본 문법파일 읽기, 쓰기 예제 코드with문의 장점커스텀 컨텍스트 관리자 만들기with문의 다양한 활용파일 작업데이터베이스 연결스레드 잠금HTTP 요청요약 파이썬 with문이란?파이썬의 with문은 컨텍스트 관리자(context manager)를 사용하여 특정 작업의 시작과 종료를 자동으로 관리해주는 구문입니다. 주로 파일 작업이나 리소스 관리(예: 데이터베이스 연결, 네트워크 연결 등)에 사용되며, 블록이 종료되면 자동으로 정리 작업을 수행합니다. 이를 통해 코드의 가독성을 높이고, 리소스 누수를 방지할 수 있습니다. 기본 문법with 컨텍스트_관리자 as 변수: # 블록 내부에서 변수 사용 pass # 작업 수행💡 동작 과정 컨텍스트 관리자: __enter.. 2025. 1. 21. [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. 이전 1 2 3 4 5 6 7 8 ··· 33 다음 728x90
