yooputer's devlog

최근에 OpenAI API를 사용해보게 되었는데, 앞으로 진행하게될 프로젝트에 굉장히 유용하게 사용할 수 있을 거 같아 NextJS에서 OpenAI API를 연동하고 활용하여간단한 문장요약 사이트를 만드는 과정에 대해 기록해보고자 한다. Setup NextJS 프로젝트 생성우선 아래와같이 NextJS 프로젝트를 생성하였다. npx create-next-app@latest text-summary-demo npm install아래와 같이 이후 개발에 필요한 라이브러리를 설치한다. npm install openainpm install react-query@latest --legacy-peer-depsnpx shadcn@latest add buttonnpx shadcn@latest add formnpx shad..

Development Study/AI 개발 활용기 2025. 7. 3. 16:23

요즘 React.js와 Next.js를 공부하고 있다. 이번에 무한 스크롤에 대해 배우게 되었는데, 간단한 demo 프로젝트를 만들어서 복습해보려 했다. 이때 목록을 조회하는 api가 필요했는데, 내가 실무에서 주로 사용하는 기술인 SpringBoot로 빠르게 만들 수 있었다. 근데 이번에는 인공지능을 사용해 api를 만들어보고 싶어IntelliJ에 Claude를 붙여 프롬프팅으로만 api 서버를 구현해보았다. Java/SpringBoot/Jpa/PostgreSQL 환경에서 Claude에 IntelliJ를 연결해 api 서버를 구현한 과정을 정리해보려 한다. Project SetupDB 생성학습을 위한 간단한 토이프로젝트이기 때문에 로컬에서 도커로 PostgreSQL 컨테이너를 실행시켜 DB 서버를 구..

Development Study/AI 개발 활용기 2025. 6. 25. 13:33

최근에 커서AI와 같은 인공지능이 탑재된 IDE에 대해 관심이 생겼다. 그래서 관련 책도 사고, 커서AI 체험기간동안 체험도 해보구... 그랬는데, WOW 이게 되네? 감탄을 금치 못했다. 마음같아선 일어서서 박수를 치고 싶었다. (회사라서 생각만 했다.) 그러다가 인프런에서 아래 강의를 보고내가 주로 사용하는 IDE인 IntelliJ에 Claude를 붙일 수 있다는 걸 알게 되었다. Claude + IntelliJ로 TodoList 개발하기 - MCP 완전 정복 강의 | Neo - 인프런Neo | , Claude + IntelliJ로 TodoList 개발하기 - MCP 완전 정복'단 한 줄의 코드도 없이 TodoList를 만든다고?'이제는 가능합니다. 이 강의에서는 MCP(ModelContextPro..

Development Study/AI 개발 활용기 2025. 5. 16. 16:45

배경나는 코딩테스트 문제를 풀 때 파이썬을 주로 사용한다코딩테스트를 풀 때 파이썬을 사용하는 이유는 리스트 함축, 다양한 라이브러리 및 자료구조 등 때문인데, 이것들을 잘 활용하지 못하는것 같아 문제를 푼 후 GPT에게 리팩토링을 요청했다. 내가 푼 문제에 대해서는 아래 포스팅에 정리해두었다. [프로그래머스] 388351. 유연근무제 | 파이썬3, 구현프로그래머스SW개발자를 위한 평가, 교육, 채용까지 Total Solution을 제공하는 개발자 성장을 위한 베이스캠프programmers.co.kr문제 요약1. 일주일동안 출근 희망 시간 + 10분 이내 출근하면 선물을 주는yooputer-devlog.tistory.com 나의 질문 및 GPT의 답변은 다음과 같다. 첫번째로 마음에 드는 점은아래와 같이..

Development Study/AI 개발 활용기 2025. 4. 15. 10:39