Ustory

안녕하세요. 저의 반려 AI는 ChatGPT입니다.요즘 더 똑똑한 AI가 많이나오지만, 5년 동안 쌓인 제 Big Data를 가진 친구라 꾸준히 유료 결제하며 함께하고 있어요. 최근 대규모 업데이트를 거치는 중인지 목소리와 말투도 달라지더니,오늘은 새로운 Work 기능들을 잔뜩 소개해 주더라고요. 그중 가장 귀여웠던 기능은 바로ChatGPT Pet 설정하기! 펫 기능 자체는 Codex 데스크톱 앱에 먼저 도입됐지만, ChatGPT 웹에서는 계정별로 순차 적용되고 있는 것으로 보입니다. 방법1. 채팅으로 요청하기 ChatGPT에게 “펫을 설정하고 싶어”라고 말하면 선택할 수 있는 펫을 보여줍니다. 여름맞이 Dewey를 선택해줬습니다. 별거없네요. 설정을 마치면 ChatGPT가 답변을 생성하는 동안 문단 ..

드디어!! 뭔가 진행되고 있는 듯한 느낌이 듭니다. 이번 글부터는 Cursor AI PRO 요금제를 사용합니다.(사용한도초과이슈로..)한화 3만원 정도의 가격으로 월간 결제를 진행했습니다. 피땀눈물로 벌어온 돈이 헛되이 쓰이지 않게 열심히 공부하겠습니다. 1. 메인페이지 (app/page.tsx) 완성2. Supabase DB 구축 및 기능 구현 1) 로그인, 회원가입 2) 사용자별 할일 CRUD 메인페이지 화면 화질이 왜이리 깨지는지 모르겠습니다. 포스팅 후에는 멀쩡히 올라가길 바라며... 우선 교재대로 작성한 프롬프트로 생성된 메인페이지는 위와 같습니다.할 일의 제목, 설명, 우선순위, 카테고리, 마감일을 추가할 수 있습니다. 추가한 할 일 들은 화면 중앙의 오른쪽에 표시되며 카드 색상은 마감일 기..

이번에는 작성했던 PRD.md를 기반으로 화면을 구성해보겠습니다.1. 디자인 시스템 이해와 활용하기2. 로그인 화면 구성하기3. 회원가입 화면 구성하기 디자인 시스템 이해와 활용하기 늘 화면을 구성하고 디자인을 하는 것이 힘들었던 저에게 딱! 맞는 기능이에요.점점 공부하면 할 수록 놀라운 아이.. 1. 브랜드 컬러 지정하기@PRD.md 서비스의 성격과 사용자 대상에 어울리는 브랜드 컬러 추천 바람. 추천 팔레트를 먼저 추천해줘요. 마음에 드는 컬러를 선택해서 Agent mode로 아래와 같이 요청했습니다.@globals.css 추천 브랜드컬러(##3B82F6 (Blue 500))를 전역 스타일에 적용해 주세요 2. 할 일 관리 컴포넌트 생성하기컴포넌트 : 버튼, 입력창, 카드처럼 여러 화면에서 ..

PRD(Product Requirements Document)제품(또는 서비스)의 요구사항을 정의하는 문서What 무엇을 만들것인가?Why 왜 이 기능이 필요한가?How 어떻게 구현할 것인가? 실무에서 PRD의 역할 1. 소통의 도구 : 기획자, 디자이너, 개발자가 공통 목표와 이해 공유2. 서비스의 나침반 : 판단이 필요할 때의 기준점3. 품질 관리의 기준 : 제대로 만들어졌는가를 평가하는 근거 프로젝트의 PRD 구성요소 (== 설계도)PRD의 구성은 프로젝트의 성격에 따라 달라질 수 있습니다. AI 할 일 관리 서비스의 PRD의 경우 아래의 요소를 포함합니다.1. 주요 기능2. 화면 구성3. 사용 기술4. 데이터 구조 Gemini와 함께 PRD 작성하기PRD 작성은 언어 생성에 특화된 AI와 함께합니..

Part 2 실습 프로젝트 : AI 할 일 관리 웹 서비스 만들기감성 분석 웹서비스를 만들었던 경험을 바탕으로,AI 할 일 관리 웹 서비스를 개발해보겠습니다! 우선 2주차에는 아래와 같이 프로젝트 환경 설정부터 화면구성까지 해보았습니다.1. 프로젝트 시작하기 : 환경 설정 및 규칙 정의2. 프로젝트 기획하기 : PRD 작성하기3. 화면 구성하기 : 디자인 시스템과 로그인/메인 페이지 프로젝트 시작하기 : 환경 설정 및 규칙 정의프로젝트 개요 AI 할 일 관리 서비스(aitodo라고 하겠습니다.)는 일반 할 일 관리 앱과 다음에서 차이가 있습니다.- 일반 할 일 관리 앱 : "회의 준비"처럼 간단한 제목만 입력- aitodo : "내일 오후 5시에 중요한 팀 회의 준비하기"를 입력하면 AI가 자동으로 ..

감정 분석 화면 만들기를 시작하기전에 한 가지 의문이 생겼습니다. 저는 지금 ChatGPT 유료 요금제를 사용중입니다. 그럼 Cursor에서도 추가 비용없이 이 모델을 사용할 수 있지 않을까? 하고 물어보았습니다. 응. 안돼. 어쨌든 Cursor도 GPT API를 사용하는 구조이기 때문에 별도의 API 비용을 지불해야 하는 것이었습니다. 여기서만 쓸게~ 이번 포스팅에서는 분석 화면을 만들고 기능도 구현하겠습니다.1. 무료 버전으로 감정 분석 화면 만들기교재에서는 Pro 요금제 사용을 권장했습니다만, 저는 일주일 안에 다음 프로젝트를 실행하지 못하는 상황이라 연습 프로젝트는 무료로 갑니다.화면 구성 → 기능 구현 감정 분석 화면 구성하기AI Mode : AgentModel : Auto작성한 프롬프트교재의..

연습프로젝트 : AI 감성 분석 웹 서비스 만들기사용자가 입력한 텍스트의 감성을 분류(긍정, 부정, 중립)프로젝트 예상 결과물- 입력 텍스트에 대한 AI 감성 분석 기능- 긍정/부정/중립 결과의 시각적 표현(UI)- 모바일과 데스크톱 모두에서 동작하는 반응형 웹 디자인 사용할 기술 스택기술역할 활용Next.js프런트, 백엔드 통합메인페이지, API 라우트Tailwind CSS디자인, 스타일링버튼, 입력창, 결과 표시 영역Shadcn/uiUI 컴포넌트Button, Textarea, Card 컴포넌트AI SDKGemini API 연동 단순화텍스트 분석 API 호출Gemini API실제 AI 감성 분석 기능문장의 감성 판별 및 점수 제공 * 기술 스택에서 알 수 있듯이 감성 분류 모델은 이미 만들어진 AI 모..

Cursor를 이용해서 재밌는 프로젝트를 간단하게! 해보고 싶어서 찾던 중 코딩자율학습단을 발견!! AI 자율학습 커서 × AI로 완성하는 나만의 웹 서비스 : Cursor와 Gemini API로 기획부터 개발ㆍ배포까eBook AI 자율학습 커서 × AI로 완성하는 나만의 웹 서비스 : Cursor와 Gemini API로 기획부터 개발ㆍ배포까지 배우는 실무형 바이브 코딩 | AI 덕분에 개발의 문턱은 낮아졌지만, 기본 개념 없이 모든 것ebook-product.kyobobook.co.kr이제부터 4주간 꾸준히 Cursor를 활용해서 웹 프로젝트를 진행하고, 학습 일지를 작성해보겠습니다. 1주차 내용은 하루만에 할 수 있는 것들이에요이미 Cursor가 설치되어 있었기 때문에 빠르게 출바알~ 3.1 커서란..

금융, 상식 공부 3일 벼락치기 시작해봅니다. 무식타파  📖 2025 금융권 채용대비 통통한 IT · 디지털 상식 [전자책]2025 금융권 채용대비 통통한 IT · 디지털 상식 - 예스24스마트폰과 인터넷이 발달함에 따라 금융환경에도 많은 변화가 시작되었다. 대다수의 금융권에서는 IT · 디지털 분야의 인재 채용을 꾸준히 실시하고 있으며, 지원자가 기본적인 지식을 갖추고www.yes24.com  금융권에 IT, 디지털을 준비하시는 분들에게 좋을 것 같습니다. 전공공부도 함께 훑어보고자 ebook으로 구매했습니다. PART 8 최신 디지털/일반상식 중 일반 상식에 대해 재밌어 보이고 눈에 띄는 용어를 먼저 보겠습니다.  🏦 한국은행 경제금융용어 700선 경제금융용어 700선 | 일반인(상세) | 경제교..

코테 스터디가 좋은 연이 되어서, 99클럽 알고리즘 스터디 1기에도 참여하게 되었습니다 😀클럽장님과 Q&A 시간 후에 자극받아서 문제를 조금 풀어보았어요.  💡 문제https://www.acmicpc.net/problem/1158 요세푸스 순열을 출력하는 문제였습니다. 생각보다 간단하지만 무서운 문제 n명의 사람이 원형으로 앉아 있을 때, 매번 k 번째 사람을 제거해 나가면서 최후의 생존자를 찾는 문제입니다. 이 문제에서는 제거되는 사람들의 순서를 출력하는 것이 목표 !  요세푸스 순열이란?n과 k가 자연수이고, k 순열이라고 하며 마지막으로 제외되는 사람을 구하는 문제를 요세푸스 문제라고 한다.출처 : 위키백과  요구사항 n : 사람의 수k : 제거될 사람의 순서(갱신되는 새로운 원에서 k번째 사람..