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

전체 글441

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.
[CSS] safari 모바일 브라우저에서 overflow:hidden이 되지 않아요. !!! 문제가 발생한 코드 !!!상황을 설명하기 위한 코드이며, 실무에 적용한 코드는 아래와 다름....모달을 띄우기 위한 마크업 구조 ... 모달 컨텐츠 마크업 구조 body.overlay { overflow:hidden;} !!! 원인 !!!모바일 safari 브라우저에서 자주 발생하는 이슈이다. (또 safari 가 범인이니?)모바일 safari는 HTML과 body요소를 각각 별개의 뷰포트로 인식하여 스크롤을 처리함iOS safari는 전체 화면을 하나의 스크롤 가능한 영역으로 관리함touchmove 이벤트가 지속적으로 활성화된 상태에서는 safari가 터치를 계속 시도하며 overflow:hidden 규칙을 우회함iOS safari에서는 화면 스크롤을 멈췄을 때 약간 틩기는 바운스 효과가 .. 2024. 11. 10.
티빙에 방영하는 정년이를 보면서, if ? 요즘 즐겨보고 있는 드라마 중 하나인데,8화부터 였던가, 정년이가 목이 부러져 (일상 생활 대화는 가능하지만 소리를 할 수 없는 목이 나간 상태)소리가 좋아 소리 밖에 생각하지 않는 정년이가 소리를 할 수 없게 되는청천벽력과 같은 일이 벌어진다. 그 걸 보면서, 문득 이런 생각이 들었다. 내가 개발을 할 수 없는 상황이 온다면? 아직 생각을 하지 않아왔던 질문이고, 생각이고, 주제이다. 제2의 삶을 산다면?이라는 가정은 한 적이 있다. 제2의 삶은 제1의 삶이 없다는 것은 고려하지 않은 채 그리고 제2의 삶에 대해서는 과거와 지금은 변해있다.과거는 손으로 무엇이든 만드는 것을 좋아했던 나로써는 공방을 할 수 있는 카페를 운영하는 것이었고, 그 카페에서 여유롭게 개발을 하고 있는 모습이었다.지금은 IT직무.. 2024. 11. 10.
[jQuery] $(document).ready(function() 와 $(window).ready(function() 차이 $(document).ready(function(){ //document를 파라미터로 넘기면,//태그등이 셋팅이 완료되었을때의 시점에 이벤트를//발생}); $(window).ready(function(){ //window를 파라미터로 넘기면,//모든 리소스, 즉 이미지, 플래시 등등 문서에 포함되어있는//모든 리소스가 로딩이 완료되는 시점에이벤트를 발생}); http://blog.daum.net/_blog/BlogTypeView.do?blogid=0TmNS&articleno=6 2015. 7. 31.
반응형