모바일 게임을 하더라도 왠만하면 유료결제를 안하는 성향이라서 돈 주고 구독하는 것을 잘 안하는데 AI가 삶에 대세가 될 시점이라서 또한 자꾸 얼리어답터들이 쓰레드에서 언급하는 것을 보니 해봐야 할 거 같아서 저번달 안 풀리고 있는 문제도 있어서 한달 구독을 하게 되었다. ChatGPT는 아직도 무료로 쓰고 있긴 한데 코딩을 시키면 뭔가 부족한 느낌이 확실하게 드는데 Claude는 코딩쪽에서는 조금 더 괜찮은 소스로 만들어 주고 있다. 그러다가 Claude Code 라는걸 알게 되서 설치를 해서 실행을 해보려고 했더니 토큰을 또 사야한다는 거라 그냥 포기했다. 그냥 채팅형식으로 물어보고 이것저것 시켜보다가 MCP를 알게 되었고 로컬 폴더를 접근할 수 있다는 말에 옛날에 개인 프로젝트 했던 걸 AI한테 시켜..
Claude AI의 데스크톱 버전을 활용하여 로컬 파일시스템과 연동하는 방법을 소개합니다. MCP(Model Context Protocol) 서버를 연결하면 Claude가 로컬 파일을 읽고 코드를 작성하는 등 더 강력한 기능을 사용할 수 있습니다.설치 및 설정 방법1. Claude Desktop 설치하기Claude 공식 다운로드 페이지에서 Claude Desktop을 다운로드하여 PC에 설치합니다.2. MCP 서버 설정하기Claude Desktop을 실행한 후, 왼쪽 상단 메뉴에서 파일 > 설정을 클릭합니다.개발자 탭에서 설정 편집을 클릭합니다.claude_desktop_config.json 파일을 메모장이나 Notepad++로 엽니다.3. MCP 서버 정보 찾기MCP 서버 정보는 다음 GitHub 리포..
AI로 프로젝트 하기
요새는 AI가 대세라서 여러가지 AI를 써봤는데 코딩에는 Claude가 제일 잘 맞는 거 같아서 한달 유료 결제를 했다. 금액이 부담스러워서 미친듯이 써봤는데 유료 계정이라고 해도 무제한은 아니었고 어느시점이 되면 몇 시 이후에 사용 가능하다는 문구가 나오면서 더 이상 사용할 수 없었다. 일단 채팅으로 프로젝트를 만들어 보려고 했다. windsurf 같은 걸 쓰라고 했는데 이미 한달 유료 결제를 진행한 상태라서 채팅으로 물어보고 코드를 복사해서 진행하기로 했다. 방법은 아래와 같이 진행했다. 대략적으로 스크립트를 작성했다. 어떤 기술을 쓸 것이고 어떤 주제를 가지고 사이트를 만드는데 일단은 작게 만들어보고 나중에 기능을 추가하는 식으로 하자고 주제를 정했다. 그리고 나서 다음과 같이 진행했다. 1. ER..
Chatgpt가 나왔을때는 코딩에 쓸 생각을 전혀 하지 못했다. 아마도 그렇게 의존하지 않았다고 해야할까? 요새는 엄청나게 잘 쓰고 있다. 외국인 개발자와 의사소통을 할 때는 구글 번역기를 사용하지 않고 LLM을 사용한다. 이게 더 매끄럽게 번역을 하기 때문이다. 거의 PL급 위치에서 프로젝트를 하고 있는데 화면 설계서를 잘 만들어 본 기억이 없으니 이것도 frontend 생성형 AI (v0.dev)를 참고해서 ppt로 화면을 그리고 있는데 figma도 써보고 싶다. 근데 일이 너무 많아서 엄두가 나지 않는다. 최근에 드는 생각은 디자이너 없어도 이제 전체를 다 만들 수 있을 거 같은 느낌이 든다. 1인 기업이 정말 가까워 지는 느낌인데 돈이 되어야 프리랜서를 안하고 1인 기업을 하는데 딱히 떠오르는 아..
차산지도 9년이 다 되어가고 있는데 소모품 교체 생각을 안하고 있었다. 타이어는 실질적으로 4~5년 탄 것이었는데 구입 당시에 이미 1년 먹고 들어간 수입 타이어라서 거의 6년이 되어 있었다. 정기정검 받고 나니 뒷 타이어 교체를 해야 하고 어느 부품을 다음 정기점검때 갈아야 한다고 하는데 또 돈 들어갈 일만 있었다. 타이어 뒤에만 갈 생각하니까 앞에도 오래되서 한번에 다 갈기로 하고 평소에 관심있었던 미쉐린 cc2로 할라고 대리점에 전화거니까 물건은 있다. 오면 바로 해주겠다 해서 갔더니 v자 패턴 타이어들 소음이 심해서 다른 타이어를 추천해 주는데 인터넷 검색해도 잘 안나오는 물건이었다. 그냥 한 번 믿어보자 해서 다음날 교체를 했더니 노면이 딱딱한게 아니라 내 타이어가 딱딱한 것이었다. s25+ ..
구조 분해 할당이란?구조 분해 할당은 객체나 배열의 속성을 간단히 분해하여 변수에 담는 문법입니다. 이를 통해 더 깔끔하고 효율적인 코드를 작성할 수 있습니다. 기본 문법 객체에서 구조 분해const obj = { key1: "value1", key2: "value2" };// 기존 방법const key1 = obj.key1;const key2 = obj.key2;// 구조 분해 할당const { key1, key2 } = obj;console.log(key1); // "value1"console.log(key2); // "value2" 배열에서 구조 분해const arr = [1, 2, 3];// 기존 방법const first = arr[0];const second = arr[1];// 구조 분해 할당..
error.response?.data?.message에서 사용된 **물음표(?.)**는 옵셔널 체이닝(Optional Chaining) 연산자입니다.옵셔널 체이닝은 객체의 특정 속성이나 메서드가 존재하지 않을 수 있는 경우에 에러 없이 안전하게 접근할 수 있도록 도와주는 연산자입니다.기본 동작**?.**는 왼쪽의 값이 null 또는 undefined인 경우 즉시 undefined를 반환합니다.만약 값이 존재하면 해당 속성이나 메서드로 접근을 계속합니다. 예제 1: 기본 사용법 const error = { response: { data: { message: "An error occurred!", }, },};// 옵셔널 체이닝 없이 접근:console.log(error.respons..
자바스크립트에서 물음표 두 개(??)는 **널 병합 연산자(Nullish Coalescing Operator)**라고 합니다. 이 연산자는 왼쪽 값이 null 또는 undefined인 경우에만 오른쪽 값을 반환합니다.쉽게 말해서, 값이 비어있다면 대체값을 사용하도록 도와주는 연산자입니다. 기본 문법const result = value1 ?? value2;value1이 null 또는 undefined라면 value2를 반환합니다.value1이 그 외의 값(예: 0, 빈 문자열, false 등)을 가지면 value1을 반환합니다.const name = null;const defaultName = "Guest";const finalName = name ?? defaultName;console.log(final..