다시 시작하는 IT 이야기

티스토리 코드 복사 버튼 만들기

티스토리 스킨에 코드 복사 버튼을 추가하는 방법은 크게 두 가지 단계(CSS 스타일 지정, JavaScript 기능 구현)로 나뉩니다. 이 코드는 티스토리에서 기본적으로 제공하는 코드 문법 강조(Syntax Highlight) 기능과 잘 호환되도록 설계되었습니다. CSS 추가 (버튼 스타일 지정) 먼저 복사 버튼이 코드 박스 오른쪽 상단에 위치하도록 스타일을 지정해야 합니다. 티스토리 관리자 페이지에서 [스킨 편집] > [html 편집] > [CSS] 탭으로 이동합니다. 맨 아래에 다음 코드를 붙여넣습니다. CSS/* 코드 복사 버튼 스타일 */.code-copy-btn { position: absolute; top: 5px; right: 5px; padding: 5px 10px;..

오늘은 구글에서 출시한 안티그래피티를 사용해보겠습니다. 안티그래피티란? 구글 안티그래비티(Google Antigravity)는 2025년 11월 구글이 발표한 AI 에이전트 기반의 통합 개발 환경(IDE)입니다. 과거에 유행했던 화면이 무너지는 '구글 그래비티' 같은 단순한 장난(Easter Egg)이 아니라, 실제 개발자들을 위해 만들어진 차세대 코딩 플랫폼입니다. 주요 특징은 다음과 같습니다. 에이전트 우선(Agent-first) 기본적인 코드 자동 완성을 넘어, AI 에이전트가 개발자의 지시에 따라 스스로 계획을 세우고 코드를 작성, 실행, 테스트까지 수행합니다. 현재 구글의 최신 모델인 Gemini 3(3.1 Pro 및 Flash)를 주 엔진으로 사용합니다. '매니저 뷰(Manager View)'..

오늘은 구글 Gemini를 이용해서 바이브 코딩하는 방법을 알아보겠습니다. 먼저 구글 API를 만들어야 하는데요. 아래 사이트에 접속해서 API를 만들어줍니다. https://aistudio.google.com/ Google AI StudioThe fastest path from prompt to production with Geminiaistudio.google.com 로그인 한 다음 하단에 Get API Key - API 키 만들기를 통해서 키를 만들어줍니다. 예전 포스팅을 참고하시면 됩니다. 2025.11.20 - [IT Trend] - 구글 제미나이 무료 API 사용하기 구글 제미나이 무료 API 사용하기구글 제미나이가 ChatGPT를 잡기 위해서 무료로 API를 제공하고 있는데요. 구글 제미나이..

오늘은 파이썬을 통해서 이미지 인식 시스템을 구축하는 예제를 진행해보겠습니다. 가장 접근성이 좋고 강력한 라이브러리가 많은 Python을 추천합니다. 프로그램 준비물Python (3.9 이상): 메인 언어 OpenCV (cv2): 영상의 프레임을 읽고, 점수판 영역을 이미지로 처리하는 데 필수적입니다. OCR 엔진 (텍스트 인식): 점수판의 숫자를 읽어야 합니다. Tesseract-OCR: 가장 대중적이며 가볍습니다. EasyOCR: 딥러닝 기반으로 정확도가 높지만 리소스를 더 사용합니다. MoviePy: 인식된 시간대를 기준으로 영상을 자르고(Cut) 저장할 때 편리합니다. Pandas: 점수 변화 기록 및 타임라인 데이터를 관리할 때 유용합니다. 패키지 정리pip install opencv-pyth..

리눅스에서 Docker를 주로 사용하는데요. Docker란? 저번 포스팅을 참고하시면 되는데요. Docker란 간단하게 말하면 어플리케이션을 간단하게 실행할 수 있도록 해주는 컨테이너를 관리하는 프로그램이라고 생각하면 됩니다. 가상 서버를 VM이라고 하는데요. VM은 그 위에 운영체제랑 프로그램이 올라가는 형태고 Docker는 운영체제는 빼고 그 위에 프로그램과 각종 설정이 올라가는 것이라고 생각하시면 됩니다. 2023.01.22 - [Blog] - Docker 기본 명령어 알아보기 Docker 기본 명령어 알아보기오늘은 Docker의 기본 명령어를 알아보겠습니다. Docker란? 리눅스에서 Docker는 애플리케이션을 신속하게 구축, 테스트 및 배포할 수 있는 소프트웨어 플랫폼입니다. Docker는 ..

윈도우에서처럼 리눅스에서도 속도 측정이 가능한데요. 리눅스 속도 측정 리눅스에서는 간단하게 speedtest라는 툴로 속도측정이 가능한데요. sudo apt-get install speedtest-cli 위 명령어로 설치가 가능합니다. 설치후에 속도 측정은 간단하게 speedtest만 입력하면 되는데요. 핑과 다운로드 업로드 속도를 측정해줍니다.간단하게 인터넷 속도를 측정해주는데요. 그럼 잘 사용하시기 바랍니다.

오늘은 docker로 Nginx를 설치하는 방법을 알아보겠습니다. Docker docker는 컨테이너라는 시스템을 사용해서 어플리케이션을 언제어디서나 동일한 상태로 사용할 수 있게 해주는데요. 일종의 가상화라고 생각하시면 될 것 같습니다.그래서 리눅스 시스템에서 여러가지 패키지가 꼬이지 않게 하나로 관리할 수 있도록 해주는 것인데요. 설치는 기존에 것을 참고하시어 설치하시면 됩니다. 2025.09.30 - [Programming] - Docker Compose 설치 Docker Compose 설치# 필수 패키지 설치sudo apt install -y ca-certificates curl gnupg# Docker GPG 키 등록sudo install -m 0755 -d /etc/apt/keyringscur..

# 필수 패키지 설치sudo apt install -y ca-certificates curl gnupg# Docker GPG 키 등록sudo install -m 0755 -d /etc/apt/keyringscurl -fsSL https://download.docker.com/linux/ubuntu/gpg | \ sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg# Docker 저장소 추가echo \ "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] \ https://download.docker.com/linux/ubuntu $(. /etc/os-release && ec..