오늘은 미디어 서비스 파일을 업로드하는 서비스를 개발하는 강의입니다. 이미지나 동영상 파일을 빠르게 업로드하고 활요하기 위해 보통 아마존의 S3같은 서비스를 활용하는데, 본 수업에서는 거의 같은 무료 서비스인 RustFS서비를 이용했습니다. 특이했던건 프론트가 벡엔드에게 이미지를 요청을 해서 S3같은 파일서버에서 파일을 읽어드리는 것이 아니라, 벡엔드의 부하를 줄이기 위해서 presigned-url을 활용해서 벡엔드가 url을 생성하고, 이 url로 프론트엔드가 직접 S3같은 파일 서버에 연락해서 이미지나 동영상 파일을 받아오는 구조를 실습했습니다. 8MB 이내 내용은 1번의 presigned-url을 이용하고, 그 이상의 데이터는 여러 presigned-url을 복수로 구성해서 8MB씩 나눠..

드디어 3주차 내용이네요. 이번 3주차 내용은 섹션4 팔로우서비스와 섹션5 게시글 서비스라는 2개의 섹션으로 구성되어 있습니다. 섹션4. 팔로우 서비스 사용자 인증처리와 팔로우와 팔로잉을 구현하는 설명을 듣는데... 절반도 이해하기 어려웠습니다. 큰 방향은 알겠는데, spring 에 익숙하지 않다보니 코드에 대한 설명 부분은 이해하기가 어려웠습니다. 그래도 일단 익숙하게 하기 위해 팔로우와 데이터베이스 내용도 들었습니다. 프롬프트가 동일해도 생성형이다보니 claude code가 생산한 내용이 조금씩 달랐습니다. 그래도 claude를 믿고 최대한 저자와 동일한 결과를 얻기 위해서 확인하고 프롬프트로 코드를 수정했습니다. 섹션4 프롬프트docs/에다가 follow, followcount 관련 서비스를..

오늘은 2주차 강의를 진행해보겠습니다. 미리 녹화된 강의를 보는 거라서 주차가 무의미한 것 같습니다. AI 코딩툴로 전반적인 강의를 진행하는 줄 알았는데, 그보다 핵심 기능이 구현된 코드에 대한 설명은 한뒤, Claude code로 동일한 기능을 만드는 실습을 진행하는 방식이었습니다. 강사분이 작업할 때는 AI가 별도 언급이 없어도 skill을 가져다가 작업해줬는데... 저는 그렇게 되지는 않았습니다. # 18강User 도메인을 만들고 필드는 id, username, password를 가지게 해줘패스워드 인코딩은 Argon2 사용해줘회원가입 API를 만들어줘API 규칙은 /api/v1/users/signup 과 같이 해줘.SQL 로그 남기게 해줘. SQL문 한줄로 로깅해주고 바인딩 된 파라미터는 안보..

인프런에서 무료 챌린지를 한다고 해서 등록했는데, 알고 보니 저자의 유료 강의를 들어야만 참여 가능한 챌린지였습니다. 음.... 살짝 고민했는데 커리큘럼도 좋고 50% 쿠폰도 준다고 해서 결제했습니다. 제가 참여한 챌린지와 강좌는 아래와 같습니다. 챌린지: 4주 완성 백엔드 설계 챌린지강의:AI 다루는 백엔드 설계 기본 - SpringBoot SNS 편 무엇보다 claude code와 gemini cli(참고로 수업은 claude code로만 진행합니다. gemini cli는 관련 코드만 제공합니다.)를 사용해서 전체 프로젝트를 수해한다는 것이 좋았고, 평소에 쓰기 어려웠더 레디스도 사용한다고 해서 결제하게 되었습니다. AI시대에 생존하겠다는 일념으로 스터디 가좌 fire!! 1주차는 사실 내용..

저는 커서는 약 1년 전부터 꾸준히 사용하고 있고, 클로드코드는 작년10월부터 조금씩 사용해서 올해 1월부터 집중적으로 익히고 있습니다. 이번 인프런 챌린지를 하면서 평소에 궁금했던 몇가지 실험을 했고, 그 결과를 공유하고자 블로그를 작성했습니다. 이번 실험의 컨셉은 얼마전 Cusor로 작업한 프로젝트를 Claude Code로 하게 되면 얼마나 더 잘 만들수 있는지 파악하는 것입니다. 몇 가지 개인적 실험 결과로 객관적 평가는 아닙니다. 다만 Claude Code 사용에 감을 잡기 위해 수행하였습니다.실험1. 만약 Cursor와 Claude Code에 프롬프트를 동일하게 넣으면 결과는 어떨까? 프로젝트 : 이전에 작업했던 국내 자살통계 대시보드(Fast API)기존 조건 : 2개 모두 claude op..

클로드 코드에 대한 공부를 위해서 한빛 미디어에서 발간한 혼자 공부하는 바이브코딩 도서를 구입했습니다. 빨리 공부하고 싶어서 발간일에 맞춰서 yes24에서 도서를 구입했고, 빠르게 1주일만에 한번 보면서 따라했습니다. 책을 다보니 마침 인프런에서 동영상 수업을 제공하는 챌린지를 한다고 해서, 인프런 챌린지는 복습차원에서 신청해서 내용을 다시 공부했습니다. 복습이기 때문에 1주일간 조금씩 진행하지 않고 거의 1주 만에 빠르게 진행했습니다. 도서 및 챌린지에서 좋았던 점 : 책 내용 및 구성이 초보자도 이해하기 쉽게 잘 씌여졌고, 쉽게 따라할 수 있습니다. 또한 제공하는 무료 동영상 강의가 상당히 고퀄리티입니다.이전에 저자의 '모두의 딥러닝' 책을 잘 읽어서 고민하지 않고 도서를 구입했습니다. 아쉬웠던..

🚶기본 미션(필수)PROJECT 10. AI 공감 다이어리 앱 만들고 캡처하기 🏃추가 미션(선택)PROJECT 15. 쇼핑 리스트 앱 만들고 캡처하기Supabase에 앱 연동하고 데이터베이스 테이블 캡처하기

기본 미션(필수)PROJECT 3. 손글씨 인식 프로그램 만들고 캡처하기손글씨로 숫자를 입력하면 이것을 인식하는 코드를 만들어서 실행해 줘. 모든 코드와 주석을 영어로 작성해 줘.숫자 인식 프로그램을 윈도우 탐색기에서 클릭해서 실행할 수 있게 해 줘. 책에서는 .bat로 만들었는데, 제가 클로드코드에게 요청했을 때는 .exe를 추천해줘서 그렇게 진행했습니다. 추가 미션(선택)PROJECT 4. 손글씨 인식 프로그램 웹 버전으로 확장하고 캡처하기 내용 정리p113CLAUDE.md에는 프로젝트 구조, 목표, 개발 규칙 등을 저장해 두면 클로드 코드가 언제든지 프로젝트 맥락을 이해하고 이어서 작업할 수 있습니다. 또한 여러 하위 프로젝트가 있을 경우, 각각에 맞는 설정 파일을 만들어 특성에 맞게 관리할..

도서 내 중요부분 정리 P62개발자들은 코딩에 앞서 PRD라는 제품 기획서를 작성합니다.주목할 점은 바이브 코딩에 있어서 제품 기획서가 매우 효과적인 프롬프트로 기능한다는 것입니다. 좋은 프롬프트는 해야 할 일을 명확히 제시하고 맥락을 제공하며, 구체적인 요구사항을 담아야 합니다. 마찬가지로 기획서는 무엇을 만들지, 왜 필요한지, 어떻게 작동해야 하는지를 체계적으로 정리하는 문서이므로, 본질적인 목적이 같습니다.PRD : 1)무엇을 만들지 명확히 정의, 2)프로젝트 목적과 배경 제시, 3)요구사항, 구현방법 구체화좋은 프롬프트 : 해야 할 일을 구체적으로 지시, 왜 필요한지, 어떤 상황인지 설명, 필요한 기능과 조건 세부 명시 기획의 핵심요소5W1HWhy, Who, What, When, Where, Ho..

p.33문제1웹기반 챗봇 : 클로드, 챗GPT, 제미나이모델선택형: 커서, 리플릿, 윈드서프전용 모델형: 클로드코드, 제미나이 CLI 문제21) 바이브코딩, 2)AI어시스턴트, 3)모델 선택형 도구 4)전용 모델형 도구 p54,55문1. 답2문2. 답4문3. 아티팩트문4. 게시문5. Customize PROJECT 1. 나의 첫 웹페이지 만들고 캡처하기https://claude.ai/public/artifacts/a72c440b-b467-4838-b359-21a0e26c2ce7 커스터마이즈1. 현재 오늘의 날씨가 계속 로딩 중... 으로 표시됩니다. 제대로 현재 서울의 날씨가 제대로 표시될 수 있도록 코드를 수정해주세요. https://claude.ai/public/artifacts/352b71cc-..