전체 글 52

[누구나 쉽게 따라하는] Claude로 만든 코드를 VS Code에서 실행하기 (React + Vite 실습)

이전 글에서 Claude로 테트리스 게임을 단순 프롬프트로 5분만에 만드는 방법을 알아봤다.2026.04.21 - [🤖 AI/AI 프로젝트 실험실] - [누구나 쉽게 따라하는] Claude로 테트리스 게임 5분만에 만들기 ① [누구나 쉽게 따라하는] Claude로 테트리스 게임 5분만에 만들기 ①오늘은 Claude로 아주 유명하면서도 기본적인 게임, 테트리스를 단 5분만에 쉽게 만들어보고자 한다. 1. Claude에 접속하기가장 먼저, Claude에 접속하여 기본적인 툴 사용 세팅을 해준다.그 다음, 우spero-spera.tistory.com 이를 통해 Claude를 사용해서 아주 기본적인 테트리스 게임을 만들고, 내 취향에 맞게 고도화하는 방법까지 얼마나 빠르게 만들 수 있는지 파악할 수 있었다.그..

[누구나 쉽게 따라하는] Claude로 테트리스 게임 5분만에 만들기

오늘은 Claude로 아주 유명하면서도 기본적인 게임, 테트리스를 단 5분만에 쉽게 만들어보고자 한다. 1. Claude에 접속하기가장 먼저, Claude에 접속하여 기본적인 툴 사용 세팅을 해준다.그 다음, 우측의 아티팩트 클릭 > 새 아티팩트 클릭 > 게임 클릭 !! 2. Claude에 프롬프트 입력하기게임을 선택하고 나면, 아래와 같이 Claude가 채팅을 시도하는데, Claude 입력창에 "테트리스 만들어줘"를 입력한다. 3. 테트리스 코드 제작 및 게임 완성"테트리스 만들어줘"라는 프롬프트를 입력하고 기다리면 아래와 같이 Claude의 안내가 진행된다.좌측 : 테트리스 게임 방법우측 : 테트리스 코드 (실시간으로 코드가 구성되는게 보여짐) 그리고 Claude가 게임 코드를 완성하고 나면 코드가 ..

Claude Notion 연동 방법 (커넥터 설정부터 페이지 자동 생성까지)

요새 하도 Claude가 좋다, 이거 하나면 프로젝트가 뚝딱이다~ 하는 말들이 많아서 Claude 를 Notion에 연결하고, 입맛에 맞게 커스텀하여 Notion 신규 페이지를 제작하는 방법을 알아보고자 한다.2025년까지는 뭔가 Claude에 Notion을 연결하는 방법이 조금 복잡했는데, 요즘은 Claude에 커넥터 추가 기능이 너무 잘 되어 있기 때문에, Notion을 연결하기가 수월해졌다.그래서 Claude에 Notion을 빠르게 연결해보고, Notion을 다양하게 활용해보고자 한다. 1. Claude에 Notion 커넥터 추가 ①Claude 접속 > + 버튼 클릭 > 커넥터 추가 클릭 2. Claude에 Notion 커넥터 추가 ②상단의 검색창에 Notion 입력 후 엔터 > Notion 우측의..

코사인 유사도(Cosine Similarity)란?

딥러닝이나 데이터 분석을 하다 보면, "두 벡터가 얼마나 비슷한가?"라는 질문을 하게 된다. 이번 논문을 작성하면서 내가 개발한 딥러닝 모델의 출력 특성에 대한 유사도 분석이 필요해졌고, 이 과정에서 벡터 유사도 지표에 대해 정리할 필요가 있다고 느꼈다.예를 들어, '두 문장이 같은 의미인지, 두 이미지가 비슷한 객체를 담고 있는지, 사용자와 상품의 성향이 비슷한지'와 같은 문제들은 결국 벡터 간 유사도를 계산해야 한다.이때 가장 많이 사용되는 방법이 바로 코사인 유사도(Cosine Similarity)이다. 1. 코사인 유사도(Cosine Similarity)란? 코사인 유사도(Cosine Similarity)는 두 벡터 사이의 방향 유사도를 측정하는 지표로, 벡터의 크기(length)가 아닌 방향(d..

딥러닝 기초 예제 실습 ① Colab에 Kaggle API 연동하기

요즘 딥러닝 실습을 하면서 Kaggle 데이터셋을 자주 쓰다 보니, Colab에서 Kaggle API를 연동해서 원하는 데이터셋을 다운로드하는 방법을 정리해보려고 한다.1. Kaggle 로그인2. Kaggle API 발급Kaggle 우측 상단 본인 계정 아이콘 클릭 > Settings > API 페이지까지 스크롤 > Legacy API Credentials > Create Legacy API Key 클릭 3. kaggle.json 다운로드※ API Key 발급 후, 다운로드 된 kaggle.json 파일 경로 잘 알아두기 4. Colab에 kaggle.json 파일 업로드하기Colab 실행 > 아래의 코드 입력 후 실행 > 파일 선택 버튼 클릭 > kaggle.json 파일 업로드# Kaggle 권한 ..

파이참(Pycharm) Cannot run program 에러 해결 방법

파이참(Pycharm)을 GitHub와 연동시키는 작업을 하고 코드를 짠 뒤에 Run 시키니 Cannot run program ~~ 라는 에러가 발생했다.몹시 당황해서 방법을 찾아보니 Shift 키를 2번 누르면 아래와 같은 창이 나오는데, 해당 창의 검색 칸에 Python Interpreter를 검색한다. 그 다음, 본인의 Python 파일의 버전과 동일한지 확인하고, 다르다면 우측의 파란 글씨로 써져있는 Add Interpreter를 통해 설치해주면 된다.

30. 돈스타브 투게더 실타래 얻는 법, 앙상블

안녕하세요~! 페로페라입니다🌸오늘은 돈스타브 투게더에서 무료로 캐릭터의 옷 사는 법을 소개해드리겠습니다.게임을 시작할 때 캐릭터를 선택한 후, 머리, 옷, 장갑, 바지, 신발을 고를 수 있는 탭이 등장하는데요. 이제 막 시작한 분들이시거나 항상 보는데도 어떻게 옷을 사야할 지 몰라 기본템이나 선물상자를 까야 주는 옷을 골라 입히셨다면 오늘 포스팅이 도움이 되실 것 같습니다 ㅎㅎ 1. 실타래 얻는 법이미 제가 이전에 캐릭터 꾸미는 법에 대해서 소개한 적이 있는데요.2021.06.27 - [게임(Game)/돈스타브 투게더(DST)] - 7. 돈스타브 투게더 캐릭터 꾸미기 7. 돈스타브 투게더 캐릭터 꾸미기안녕하세요~! 페로페라입니다🌸 제가 포스팅한 내용대로 진행하셨다면, 자신만의 캐릭터까지 고른 상태로 ..

백준에서 푼 문제 자동으로 깃허브에 커밋하는 방법

알고리즘이나 코딩테스트를 준비하다보면 백준에서 푼 문제들을 깃허브에 잘 정리해두라는 글들을 종종 볼 수 있다.본인이 공부한 내역을 남길 수도 있고, 추후에 내 코드를 개선하는 데에 사용할 수도 있기 때문이다.하지만 매일 매일 푼 문제들을 깃허브에 커밋한다는 것이 쉽지 않다. 까먹을 때도 있고, 쉬운 문제들을 빨리 풀어버리고 넘어가버려서..ㅎ만약 1일 1커밋을 목표로 하시는 분들이 계시다면 백준 허브를 사용하여 백준 계정을 깃허브에 연동하고 맞게 푼 문제의 소스 코드를 깃허브에 자동 커밋되게 정리한다면 많은 도움이 될 것 같아 정리해본다. 1. 백준에서 로그인한 뒤 solved.ac를 연동한다. 만약, solved.ac 연동 방법을 모른다면 아래의 글을 참고하셔서 연동하면 된다.2022.11.25 - [알..

🎧 QCY H2 헤드폰 내돈내산 하울

최근 집에서 작업하는 일이 많아지면서 이어폰을 꽂고 노래듣는게 일상이었는데 이어폰을 하루종일 꽂고 있으니.. 귀가 눅눅해지는 게 너무 싫었다. 그래서 귀가 비교적 덜 답답할 것 같은 헤드폰을 찾기 시작했다. 가장 먼저 찾아본 것은 Apple 에어팟 맥스.. 그런데 이거 왜이렇게 비싼건지.. 역시 Apple.... 기본 70만원선이라 선뜻 결제하기도 애매하고 무엇보다 내가 헤드폰을 잘 쓸 것인지를 몰라서 구매가 망설여졌다. 그렇게 찾은 대체제가 Sony의 노이즈 캔슬링 헤드폰! 약 40만원 가격대로 에어팟 맥스보다 저렴하지만... 이것도 좀 금액이... 컸다. 내가 헤드폰을 잘 쓰던 사람이라면 Sony가 괜찮을 것 같은데.. 싶어서 당장 구매하지 못하고 장바구니에 담아두기만 했다. 그러다가 찾게 된 QCY..

백준 계정 solved.ac 연동하는 방법

알고리즘 문제를 풀기에 가장 좋은 사이트 중에 한 곳이 백준이다.백준은 solved.ac와 연동하여 문제의 레벨이나 나의 레벨을 수치화할 수 있고 기여나 히스토리 등을 확인할 수 있다는 장점이 있어 연동하는 것을 추천한다. 먼저, solved.ac를 연동하기 전 화면과 연동하고 난 후의 화면을 확인해보자.백준에서 solved.ac를 연동하기 전에는 아래와 같은 화면으로 나타난다.확실하게 문제만을 확인할 수 있다. 하지만, solved.ac를 연동한다면 어떻게 될까?무엇인가 바뀌었다. 가장 확연하게 드러나는 부분이 브론즈 V이다.각 문제마다 대략적인 난이도를 확인할 수 있으며 부가적으로 나의 레벨도 확인할 수 있고, 랭킹이나 기여, 히스토리까지 볼 수 있어 편리하고 연동까지 번거롭지 않아 꼭 연동해보시는 ..

728x90
반응형