본문 바로가기
반응형

전체 글209

[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.
[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.
[HTML] abbr 태그 문법 및 스타일링 목 차1. abbr 태그란?2. 기본 개념3. 기본 문법4. 사용 예제4-1. 단순 약어4-2. 두문자어(Acronym)5. 접근성 향상6. CSS 스타일링7. 중첩 사용8. 호환성 1. abbr 태그란?HTML의 태그는 "약어(abbreviation)"나 "두문자어(acronym)"를 정의할 때 사용됩니다. 이 태그는 사용자가 약어의 의미를 쉽게 이해할 수 있도록 도와주는 역할을 하며, 접근성을 향상시킬 수 있습니다.  2. 기본 개념 태그로 표시된 약어나 두문자어에는 보통 title 속성을 추가하여 그 의미를 설명합니다.브라우저는 title 속성을 통해 추가 정보를 제공하며, 사용자 인터페이스 요소(마우스 오버 시 툴팁 등)로 표시할 수 있습니다.  3. 기본 문법HTMLtitle 속성: 약어나 두.. 2025. 1. 11.
[HTML] 테이블(table) 태그 속성 (병합, 테두리, 간격, 여백) 목 차1. table 태그란?2. 기본 구조3. 속성3-1. table 속성3-2. td 및 th 속성4. CSS 스타일링5. 접근성 향상 1. table 태그란?HTML의 태그는 데이터를 행(row)과 열(column)로 구성된 표 형태로 표현할 때 사용됩니다. HTML 테이블은 구조적으로 데이터를 조직화하는 데 적합하며, 다양한 태그를 조합하여 표의 내용과 레이아웃을 정의할 수 있습니다.  2. 기본 구조 Header 1 Header 2 Data 1 Data 2 : 테이블을 정의하는 컨테이너 태그입니다.: 테이블의 한 행(row)을 정의합니다.: 테이블 헤더 셀을 정의하며 기본적으로 텍스트가 굵게 표시되고 중앙 정렬됩니다.: 테이블 데이터를 정의하는 일반 셀입니다... 2025. 1. 11.
[티스토리 글쓰기] 블로그 구글 지도 넣기 목 차1. 구글 지도 페이지 접속2. 장소 검색하기3. 장소 공유 지도 퍼가기4. 구글 지도 HTML 복사5. 티스토리 HTML 글쓰기 모드해외 지역 지도가 필요한 티스토리 블로그 글을 작성할 때 티스토리에서 지원하는 카카오 지도로는 해외 지역 지도를 넣을 수가 없습니다. 카카오 지도가 국내만 지원하기 때문일텐데요. 이런 경우에 구글 지도(구글맵)를 가져와서 티스토리 글 작성시에 넣어줄 수가 있습니다. 해당 방법에 대하여 포스팅하도록 하겠습니다. 1. 구글 지도 페이지 접속PC에서 구글 지도를 검색해서 접속합니다.  2. 장소 검색하기원하는 장소를 검색합니다. 예를 들어, 해외 일본에 있는 간사이 국제공항을 검색해서 넣어보겠습니다.장소를 검색한 후에 화면 좌측에 위치한 공유 버튼을 클릭합니다.  3. 장.. 2025. 1. 9.
반응형

티스토리툴바