🖥️ IT, 컴퓨터770

• 

  [Python] 구글 지도 위에 마커 올리기 (gmplot과 Google Maps JavaScript API 이용) 준비물Google APIGoogle Maps JavaScript API를 활성화해야 합니다.API 라이브러리에서 Maps JavaScript API를 검색하여 활성화하세요.사용 클릭import pandas as pdfrom gmplot import gmplot# CSV 파일 읽기data = pd.read_csv('roi.csv')# 위도와 경도 열 가져오기latitudes = data['lat']longitudes = data['lng']# Google Maps 초기화 (중심점 설정)gmap = gmplot.GoogleMapPlotter(latitudes.mean(), longitudes.mean(), 13, apikey='YOUR_API_KEY')# 좌표에 마커 표시gmap.scatter(latitud.. 🖥️ IT, 컴퓨터/🐍 Python 2025. 1. 17.

• 

  [IT] Python과 Google Map API를 이용해 경위도 좌표를 영문 주소로 변환 https://console.cloud.google.com/ Google 클라우드 플랫폼로그인 Google 클라우드 플랫폼으로 이동accounts.google.com   대충 입력 개발자 연락처 정보도 입력   Geocoding API를 검색해서 '사용'을 눌러줘야 함  그렇지 않으면 지오코딩이 제대로 수행되지 않음  import pandas as pdimport requestsimport time# Google Maps API 키API_KEY = "YOUR_GOOGLE_MAPS_API_KEY"# CSV 파일 경로 (경위도 데이터가 들어 있는 파일)input_file = "coordinates.csv" # 입력 파일 이름output_file = "addresses.csv" # 출력 파일 이름# CS.. 🖥️ IT, 컴퓨터/🐍 Python 2025. 1. 17.

• 

  [IT] 맥북 슬랙 알림 소리 안 나올 때 / HDMI 보조 모니터 연결한 경우 설정 > 알림 > Slack > 알림 허용 켜기하단의 알림 사운드 재생 켜기  하단 알림 센터 > 디스플레이를 미러링하거나 공유할 때 알림 허용 켜기 🖥️ IT, 컴퓨터/👩🏻‍💻 IT 2025. 1. 17.

• [구글 스프레드시트] IMPORTRANGE 함수 IMPORTRANGE 함수는 Google 스프레드시트에서 다른 스프레드시트의 데이터를 가져오는 데 사용됩니다. 이 함수는 데이터 통합 작업을 할 때 매우 유용하며, 주로 여러 파일에서 데이터를 취합하거나 특정 데이터를 공유할 때 활용됩니다.기본 형식=IMPORTRANGE("스프레드시트 URL", "범위")구성 요소스프레드시트 URL데이터를 가져올 스프레드시트의 URL입니다.반드시 큰따옴표("")로 감싸야 하며, 전체 URL 또는 d/와 /edit 사이의 고유 ID만 사용할 수 있습니다.예:전체 URL:"https://docs.google.com/spreadsheets/d/abcd1234EFGH5678/edit#gid=0"고유 ID만:"abcd1234EFGH5678"범위데이터를 가져올 시트 이름과 셀 범위.. 🖥️ IT, 컴퓨터/🧮 엑셀 2025. 1. 10.

• [Mac] 맥북 유용한 앱 프로그램 모음 Rectangle https://rectangleapp.com/  Clipy https://clipy-app.com/ ClipyClipboard extension app for macOSclipy-app.com 🖥️ IT, 컴퓨터/👩🏻‍💻 IT 2025. 1. 9.

• 

  [DB] Alias란? Alias는 정보 기술 및 데이터 관리에서 "별칭" 또는 "대체 이름"으로 이해할 수 있습니다. 특히 데이터베이스, 검색 시스템, 또는 명령줄 환경에서 널리 사용됩니다. 입력한 검색어와 관련된 텍스트를 여러 개 저장하고 그중 적합한 것을 활용하는 alias의 개념은 다음과 같은 맥락에서 이해할 수 있습니다.1. Alias의 정의Alias는 특정 키워드나 명령어에 대해 대체하거나 연관된 다른 이름(또는 텍스트)을 지정하여 동일한 결과를 반환하도록 설정하는 방식입니다. 이를 통해 동일한 데이터나 기능에 여러 이름으로 접근할 수 있습니다.2. Alias의 주요 사용 사례(1) 검색 시스템에서의 Alias목적: 사용자가 다양한 형태의 검색어를 입력하더라도 동일한 결과를 얻도록 함.예시:"스마트폴"을 검색하면, .. 🖥️ IT, 컴퓨터/👩🏻‍💻 IT 2025. 1. 9.

• 

  [IT] 앱 스킴(App Scheme)이란? 앱 스킴(App Scheme)은 모바일 앱에서 특정 화면이나 기능으로 바로 이동할 수 있도록 지원하는 URL 형식의 주소 체계입니다. 이는 일반 웹 URL처럼 보이지만, 앱 내부에서 작동하도록 설계된 점이 특징입니다.주요 개념형식: 스킴://호스트/경로?쿼리스킴은 앱 고유의 프로토콜 이름입니다(예: myapp://).호스트와 경로는 앱 내 특정 화면이나 기능을 지정합니다.쿼리는 필요한 추가 데이터를 전달하는 데 사용됩니다.예시앱 실행myapp:// → 앱을 실행.특정 화면으로 이동myapp://profile → 프로필 화면으로 이동.데이터 전달myapp://product?id=1234 → 특정 상품(ID: 1234)의 상세 화면으로 이동.활용 사례딥링크(Deep Link):앱 스킴을 활용하여 이메일, 문.. 🖥️ IT, 컴퓨터/👩🏻‍💻 IT 2025. 1. 8.

• [HTML] html 이전 버전 특징 (HTML1~HTML5) HTML의 주요 버전과 그 특징은 다음과 같습니다.1. HTML (1989-1995)최초의 HTML은 Tim Berners-Lee에 의해 개발되었으며, 간단한 문서 작성 및 하이퍼링크를 위한 기본적인 태그만 포함.매우 제한적이며, 웹페이지의 구조와 콘텐츠 표현에 초점을 맞춤.주요 태그:, , , , , , 등.2. HTML 2.0 (1995)IETF (Internet Engineering Task Force)에 의해 표준화.초창기 HTML의 모든 기능을 포함하면서 더 많은 태그와 속성이 추가됨.안정성과 브라우저 간 호환성을 강화.특징:양식 태그 과 입력 요소 , , 추가.테이블 태그 , , 지원.3. HTML 3.2 (1997)W3C (World Wide Web Consortium)에 의해 표준화된.. 🖥️ IT, 컴퓨터/🌐 HTML, CSS, JS 2025. 1. 3.

• [HTML] 개념 정리 11 :: 이미지 맵 <map> <area>태그 HTML 이미지 맵: 및 태그와 속성이미지 맵은 이미지의 특정 영역을 클릭했을 때 다른 페이지로 이동하거나 특정 동작을 수행하도록 설정하는 기능을 제공함. 이를 구현하기 위해 HTML에서는 및 태그를 사용함.1. 이미지 맵의 기본 구조(1) 태그이미지 맵을 정의하며, 하나 이상의 영역()을 포함함.(2) 태그이미지 맵의 특정 클릭 가능한 영역을 정의.(3) usemap 속성이미지 태그()에서 이미지 맵을 연결하기 위해 사용.기본 구조 2. 태그의 주요 속성(1) shape: 영역의 형태rect: 사각형 영역.circle: 원형 영역.poly: 다각형 영역.default: 이미지의 기본 영역.(2) coords: 영역의 좌표영역의 좌표를 픽셀 단위로 정의.형태에 따른 좌표 형식rect: x1.. 🖥️ IT, 컴퓨터/🌐 HTML, CSS, JS 2025. 1. 3.

• [HTML] 개념 정리 10 :: CSS와 JavaScript를 활용한 레이아웃 설정 CSS와 JavaScript를 활용한 레이아웃 설정 방법HTML, CSS, 그리고 JavaScript를 결합하면 동적인 웹 레이아웃을 설계하고 사용자 인터페이스를 향상시킬 수 있음. CSS는 주로 레이아웃 스타일링과 배치를 담당하며, JavaScript는 동적인 동작 및 사용자 상호작용을 처리함.1. CSS를 활용한 레이아웃 설정(1) 플렉스박스(Flexbox)플렉스박스는 유연한 레이아웃 설계를 위한 강력한 CSS 도구로, 행(row)과 열(column) 배치에 적합.예제: 플렉스박스를 사용한 기본 레이아웃 1 2 3(2) 그리드(Grid)CSS 그리드는 복잡한 2D 레이아웃을 쉽게 구성할 수 있음.예제: CSS 그리드 Header Content Sidebar Footer2. JavaScri.. 🖥️ IT, 컴퓨터/🌐 HTML, CSS, JS 2025. 1. 3.

• [HTML] 개념 정리 9 :: 내장프레임 <iframe> 페이지 삽입 및 속성 HTML 태그: 페이지 삽입 및 속성 사용법HTML의 태그는 한 웹페이지 안에 다른 웹페이지를 삽입하는 데 사용됨. 내장 프레임(Inline Frame)이라고도 하며, 독립적인 콘텐츠를 표시하거나 외부 페이지를 통합할 때 유용함.1. 태그 기본 구조기본 문법예제src: 삽입할 웹페이지의 URL.width: 프레임의 가로 크기.height: 프레임의 세로 크기.2. 주요 속성(1) src: 삽입할 페이지 경로src 속성에 삽입할 페이지의 URL을 지정.예제(2) width와 height: 크기 설정width와 height 속성으로 의 크기를 설정. 단위는 픽셀(px) 또는 퍼센트(%)를 사용.예제(3) frameborder: 테두리 표시 여부프레임의 테두리를 표시하거나 숨김.0: 테두리를 숨김.1:.. 🖥️ IT, 컴퓨터/🌐 HTML, CSS, JS 2025. 1. 3.

• [HTML] 개념 정리 8 :: CSS background 활용한 배경 설정 CSS 스타일 속성을 활용한 배경 설정CSS는 배경색과 배경 이미지를 포함한 다양한 스타일 속성을 제공하여 웹페이지의 배경을 세부적으로 설정할 수 있음. CSS의 background 관련 속성들을 사용하면 HTML 태그에 배경을 효과적으로 적용 가능.1. CSS 배경 스타일 속성(1) background-color: 배경색 설정웹페이지 또는 특정 요소의 배경색을 지정.예제(2) background-image: 배경 이미지 설정배경에 이미지를 삽입.예제(3) background-repeat: 이미지 반복 여부이미지의 반복 방식을 지정.repeat: 기본값. 이미지가 가로와 세로로 반복됨.no-repeat: 반복 없이 이미지를 한 번만 표시.repeat-x: 가로 방향으로만 반복.repeat-y: 세로 방.. 🖥️ IT, 컴퓨터/🌐 HTML, CSS, JS 2025. 1. 3.