본문 바로가기

A DEVELOPER'S NOTEBOOK

행복하게
오래오래
개발자로 살아가기.

작은 호기심이 배움으로,
배움이 코드로, 기록이 다음 시작으로.

개발 기록 바로 읽기
따뜻한 작업실에서 책과 노트로 새로운 것을 배우는 붉은 머리 캐릭터
01 / LEARN호기심을 펼치는 시간오늘의 작은 질문에서 시작해요.
같은 작업실에서 노트북으로 아이디어를 구현하는 붉은 머리 캐릭터
02 / BUILD생각을 코드로 만드는 시간하나씩 만들고, 확인하고, 다듬어요.
배운 내용을 노트에 정리하며 동물 친구들과 함께하는 붉은 머리 캐릭터
03 / SHARE작은 발견을 남기는 시간기록은 다음 시작을 조금 더 가볍게 해줘요.

LEARN A LITTLE. BUILD SOMETHING. LEAVE A NOTE.

  • 행복하게 오래오래 개발자로 살아가기
반응형

개발 기록

THE NOTEBOOK

전체 글444

OpenAI dots + Slack으로 티스토리를 리뉴얼했다: 예쁜 화면보다 중요했던 수정과 검증 블로그를 바꾸다 보면 처음에는 큰 그림을 이야기하게 됩니다. 메인에 움직임을 넣고, 메뉴를 정리하고, 남는 공간을 채우는 식입니다. 그런데 실제 화면을 열어 보면 요청은 금방 구체적으로 바뀝니다. “메뉴 높이는 40px 정도로”, “검색 입력칸이 열리면 기존 버튼은 숨기기”, “포커스 테두리는 검색 버튼까지”.이번에는 Slack에서 이런 피드백을 주고받으며 Dots과 함께 윤's 개발 log의 티스토리 화면을 리뉴얼했습니다. 한 번의 문장으로 완성한 이야기가 아니라, 요청을 작은 변경으로 나누고 실제 화면에서 다시 확인한 기록입니다. 기존 게시글 본문을 다시 쓰는 대신 스킨의 구조·스타일·동작을 중심으로 개선했습니다.1. Slack은 요청 창구, dot은 구현과 확인을 이어가는 역할진행 방식은 ‘요청 →.. 2026. 10. 25.
어디까지 맡길 수 있을까? OpenAI dots 기능과 생활·업무 활용 가이드 AI에게 답을 받은 다음, 그 내용을 문서로 옮기고 자료를 다시 찾아 정리한 적이 있으신가요? 이번에는 질문에 대한 답변에서 한 걸음 더 나아가, 작업 결과물을 준비하는 OpenAI의 dot을 살펴보려고 합니다.이 글에서 말하는 dot은 ChatGPT의 에이전트입니다. 이름이 비슷한 다른 서비스와는 구분합니다. 2026년 10월 25일 확인한 공식 자료를 바탕으로 기능 범위를 정리하고, 바로 응용해 볼 수 있는 요청 예시를 덧붙였습니다. 아래 생활·업무 시나리오는 실제 고객 성공 사례가 아니라 활용 예시입니다.1. dot은 어떤 일을 하는 도구일까?OpenAI는 dot을 목표와 맥락을 받아 대화 사이에도 작업을 이어갈 수 있는 상시형 에이전트로 설명합니다. 자체 클라우드 컴퓨터와 연결한 앱을 활용해 자료.. 2026. 10. 25.
AI 코딩 에이전트, 검증 하네스는 비용 대비 효과가 있을까? AI 코딩 에이전트를 평가할 때 모델뿐 아니라 검증 환경도 함께 살펴봐야 합니다.1. 핵심 주장AI 코딩 에이전트의 성능을 높이는 방법은 반드시 더 강력한 AI 모델을 사용하는 것만은 아닙니다. 저자는 코딩 에이전트에 행동 검증 시스템(Behavioral Harness)을 제공했을 때 개발 결과의 신뢰성과 비용이 어떻게 달라지는지 실험했습니다.하네스는 크게 두 요소로 구성됩니다.Guides: API 명세, 계약, 구현 지침처럼 AI가 올바른 방향으로 작업하도록 안내하는 요소Sensors: 계약 테스트, API 테스트, 실행 결과 검증처럼 AI가 요구사항을 충족했는지 확인하는 요소Guides는 작업을 안내하고, Sensors는 실행 결과를 검증합니다.저자는 동일한 백엔드 API 서비스를 구현하도록 AI 모.. 2026. 10. 25.
AI가 코드를 작성하는 시대, 개발자는 어떻게 코드를 읽어야 할까? AI 코딩 에이전트가 만든 변경 사항을 열어보면 생각보다 많은 파일이 수정돼 있을 때가 있습니다. 테스트는 통과했고, 설명도 그럴듯합니다. 그런데도 쉽게 승인하기 어려운 순간이 있습니다.“이 코드가 실제로 무엇을 바꿨지?”“요청한 기능에 이 정도 수정이 필요했을까?”이번 주 추천 아티클은 이런 질문에서 출발합니다. 소프트웨어 엔지니어 Sean Goedecke가 2026년 10월 7일 공개한 「How to read code」입니다.코드를 빠르게 생성할 수 있게 된 지금, 개발자가 어떤 순서로 코드를 이해하고 판단해야 하는지 생각해 볼 만한 글입니다. 원문: How to read code — Sean Goedecke How to read codeEveryone knows how to read a book. .. 2026. 10. 10.
클로드 캔바 커넥터 활용법 8가지 – 대화만으로 디자인 만들고 수정하기 클로드에서 캔바를 쓰면 무엇이 달라질까?클로드(Claude)에 캔바(Canva) 커넥터를 연결하면, 채팅창에 말로 요청하는 것만으로 캔바 디자인을 만들고 고치고 내보낼 수 있습니다. 템플릿을 뒤지고 글자를 하나씩 수정하던 작업을 문장 하나로 끝낼 수 있다는 뜻입니다. 이 글에서는 클로드 캔바 커넥터로 할 수 있는 일 8가지를 실제로 쓸 수 있는 예시 문장과 함께 정리했습니다. 글에 들어간 카드뉴스 9장도 모두 클로드와 대화하며 캔바로 만든 결과물입니다.캔바 커넥터란?캔바 커넥터는 클로드가 내 캔바 계정에 접근해 디자인을 대신 만들고 편집할 수 있게 해주는 연결 기능입니다. 한 번 연결해 두면 클로드에서 만든 디자인이 내 캔바에 바로 저장되고, 캔바에서 이어서 직접 손볼 수도 있습니다.연결은 클로드 설정의.. 2026. 10. 6.
복잡한 프론트엔드 없이 10분 만에 데이터 대시보드 만들기 (Streamlit) 안녕하세요! 오늘은 파이썬(Python) 코드 몇 줄만으로 근사한 웹 애플리케이션이나 데이터 대시보드를 만들 수 있게 해주는 Streamlit(스트림릿)을 소개해 드리려고 합니다. 파이썬(Python) 코드 몇 줄로 데이터 대시보드와 AI 웹 앱을 만드는 Streamlit 초간단 입문 가이드입니다. 기본 개념부터 데이터 시각화, AI 모델 시연 예제, GitHub을 통한 무료 웹 배포 방법까지 한 번에 확인해 보세요! 1. Streamlit이란 무엇인가요?Streamlit은 파이썬 기반의 오픈소스 웹 애플리케이션 프레임워크입니다.기존에는 파이썬으로 만든 데이터 분석 모델이나 AI 모델을 웹으로 보여주려면 HTML, CSS, JavaScript, 그리고 Flask나 FastAPI 같은 백엔드 프레임워크를.. 2026. 9. 6.
반응형

BETWEEN THE NOTES

배우고, 만들고, 남기는 순간들.

돋보기로 잎을 관찰하며 즐거운 발견에 눈을 크게 뜬 붉은 머리 캐릭터
호기심에서 시작해요.LEARN SOMETHING NEW
그림 메모를 보드에 꽂으며 눈을 감고 만족스럽게 웃는 붉은 머리 캐릭터
작은 발견을 오래 남겨요.KEEP A LITTLE NOTE

티스토리툴바