본문 바로가기

소프트웨어-이야기/소프트스킬

AI 활용 - 자연어로 데이터 분석하기 최근에 학습한 AI 실습에서 인상깊었던 점을 정리하고자 한다. 기존에는 데이터를 분석할 때, 숫자로 된 결과를 해석하기 위해 복잡한 차트를 만들고, 시각화를 했다. 그리고 이를 해석하여, 결론과 대응안을 준비했다. 그런데 LLM을 활용하면, 이 과정의 일부가 생략되고, 단순해진다. 숫자로 된 결과를 자연어로 변환한 후, LLM에게 질문하면, 바로 결론과 대응안을 얻을 수 있다. 기존의 분석 과정1. 데이터프레임으로 결과 확인 cluster avg_spend orders_per_person days_since_last_order0 1 48.32 1.36 384.371 2 202.34 ..
[GCP] BigQuery와 Gemini Google Cloud console에서 BigQuery를 사용할 때, Gemini를 통해 도움을 받을 수 있다.1. SQL의 의미 이해하기2. 필요한 SQL문 제안받기 간단하게 2가지를 지원받을 수 있다. 실제 동작 방식은 아래 유튜브를 참고하자. 실습을 하고 싶다면, cloud google을 신청해보자. https://www.cloudskillsboost.google/paths/236/ Google Cloud를 위한 Gemini 학습 과정 | Google Cloud Skills BoostGoogle Cloud 파트너와 초보자를 위한 무료 교육 및 자격증을 제공하는 플랫폼인 Google Cloud Skills Boost에서 학습하고 배지를 획득하세요. 지금 살펴보세요.www.cloudskillsboo..
claude desktop, playwright-mcp을 사용한 E2E 테스트 0. 시작하며 이전 프로젝트에서 playwright으로 E2E 테스트 도구로 사용한 경험이 있다. 그런데 테스트 코드를 작성하는게 굉장히 번거로웠다. 페이지에 접속하고, 버튼을 클릭하고, 기대하는 값이 출력되었는지 확인하는 흐름을 모두 코드로 작성해야했다. LLM으로 이를 자동화할 수 있기를 기대했는데, 드디어 유사한 기능이 출시되었다. 1. playwright-mcp이란? playwright-mcp 를 사용하면, 위의 동작을 프롬프트로 쉽게 제어할 수 있다. 다음 글에서는 claude desktop을 mcp client으로 사용하여, 프롬프트로 E2E 테스트를 진행하는 방법을 설명하고자 한다. GIF으로 살펴보는 시뮬레이션 위의 시뮬레이션은 "검색 페이지"에 접속하여, "검색" 이벤트를 실행한 후..
타임라인 회고 (Timeline Retrospective) 프로젝트 회고를 준비하며, GPT와 쿵짝쿵짝 정리한 시나리오를 정리한 자료입니다. 타임라인 회고는 1개월 이상 지속된 장기 프로젝트 회고로 적합한 방법입니다. 진행 방식은 다음과 같습니다. 준비물스티커, 네임펜, 3가지 색상의 포스트잇 진행방법1. 칠판에 타임라인을 그립니다. (5분)2. 포스트잇에 사건을 적어서 붙입니다. 따뜻한 감정은 빨간 포스트잇에, 차가운 감정은 파란 포스트잇에 작성합니다. (15분)3. 주요 사건들을 그룹핑합니다. (5분)4. 스티커를 5개씩 배부하고, 투표를 합니다. (5분)5. 투표를 받은 상위 사건들로 어떤 일이 있었는지 이야기를 나눕니다. (15분)6. 사건을 바탕으로 다음 5가지를 생각해봅니다. (15분) Achievements Surprises ..
[후기] sweep-ai: AI 주니어 개발자 sweep ai은 버그 리포트와 피쳐 리퀘스트를 코드로 만들어주는 AI 기능이다. GeekNews에서 소개를 보고 놀랐다. AI 주니어 개발자라니?! 사이드 프로젝트를 같이하면 좋겠다! 싶었다. 그래서 당장 테스트를 해봤다. 사용방법 https://github.com/apps/sweep-ai Github App에서 나의 github과 Sweep AI 애플리케이션을 연동한다. 2. 설치를 하고 나면, Sweep이 자기 설정 정보가 포함된 PR을 만들어서 올린다. 3. Issues에 작은 일감을 등록한다. 4. sweep ai가 일감을 분석하고, 업무 계획을 세우고, 실행한다. 코드 검색, 분석, 코딩, 리뷰까지 단계를 나눠서, Sweep ai agent가 대신 일을 처리한다. 5. PR 리뷰하기 작업 내용..
[후기] makereal tldraw: 와이어프레임으로 HTML 뽑아내기 소개makereal tldraw은 온라인 화이트보드에 와이어프레임을 그리면, HTML과 Tailwind으로 바꿔주는 기능을 제공한다.  ">HTML 삽입미리보기할 수 없는 소스github의 이 영상을 보고 혁신적이라는 생각이 들어서, 테스트를 해봤다.준비물1. openai에 금액 충전하기 makereal tldraw은 chatgpt의 gpt-4-vision-preview 모델 기반으로 동작한다.이 기능을 사용하려면 chatgpt credit이 충전되어있어야한다. 최소 5달러는 있어야한다. 2. chatgpt api key 준비하기3. open api key 등록하기 실험1. 단순한 어드민 화면 만들기 실험2. 디자인이 적용된 UI 화면 만들기디자인이 적용된 UI를 구성하기에는 어렵단 생각이 들었다...
손글씨st으로 예쁘게 노트 기록하기 1. Obsidian을 설치한다. https://obsidian.md/download 2. Obsidian excalidraw plugin을 설치한다. 3. 모든 확장자 파일을 볼 수 있도록 설정한다. 4. 손글씨 폰트를 다운로드 받는다. https://clova.ai/handwriting/list.html# 새로운 나눔손글씨 글꼴 - 네이버 클로바 한글한글 아름답게 캠페인과 함께합니다. clova.ai 5. Obsidial 폴더에 폰트를 추가한다. 6. Excalidraw에 폰트 추가한다. 7. Excalidraw에서 폰트를 선택한다. 7. 결과물
ChatGPT으로 개발 디자인 문서 작성 속도 높이기: 빠르게 다이어그램 그리기 나는 ADR을 작성할 때, 다이어그램을 첨부하는 편이다. 그래야 재택근무를 하며 구두로 논의한 것들을 한눈에 파악하기 수월하다. 그런데 draw.io 같은 도구를 사용하면 반응이 느려 생산성이 떨어지기 때문에, 문서를 빠르게 작성하기 어렵다. 본 글에서는 간단한 개발 디자인 문서에 다이어그램을 빠르게 작성하는 방법을 설명하고자 한다. 1. 플레인 텍스트 언어로 다이어그램 그리기mermaid 혹은 plantUml 같은 플레인 텍스트 언어를 사용하면, 마치 마크다운 문법으로 다이어그램을 그리는 듯한 경험을 할 수 있다. (1) mermaid 맛보기mermaid를 사용하면, 다음과 같은 문법으로 다이어그램을 쉽게 그릴 수 있다. mermaid는 많은 에디터에서 지원하는 문법이고, 지원하는 다이어그램 유형이 다..

티스토리툴바