제1장
최근에 몇 가지 AI 튜토리얼을 작성했는데, 댓글을 통해 제 AI 프로그래밍에 대해 이야기해달라고 하셨습니다.
오늘은 제 AI 프로그래밍, 즉 사람들이 말하는 '분위기 코딩(vibe coding)'을 공유하고자 합니다.
먼저 말씀드리자면, 저는 AI 초보자이지 전문가가 아닙니다. 비밀을 감추고 싶지 않기보다는, 돌발을 던져 모두와 소통하고자 합니다.
제2장
일상적으로, 저는 AI를 사용해 새로운 프로젝트를 생성하지 않습니다. 왜냐하면 AI가 생성한 코드를 보면, 그것이 제 코드가 아니라 다른 사람의 코드라고 느껴지기 때문입니다.
만약 전체 프로젝트를 AI로 생성한다면, 본능적으로 그것이 제 프로젝트라고 느끼지 못합니다. 제 습관은, 새로운 프로젝트의 핵심 코드를 직접 작성하는 것입니다.
저는 주로 AI를 다른 사람의 프로젝트와 유산 코드에 사용합니다.은 다른 사람의 코드를 이해하는 데 드는 큰 시간 비용을 피할 수 있습니다.
예를 들어 역사적 유산 코드를 들어보겠습니다. (1) 많은 경우 충분한 문서가 없고 작성자의 설명도 없습니다. (2) 기술 스택과 도구 라이브러리가 오래되었고, 코드를 이해하려면 과거의 표준을 찾아야 합니다. (3) 가장 극단적인 경우에는 빌드 결과물만 있고 소스 코드가 없어서 시작조차 불가능합니다.
AI는 이런 코드의 구원자와 같습니다. 가장 오래된 코드도 이해하고 수정할 수 있으며, 심지어 빌드 결과물에 대한 역산 엔지니어링도 할 수 있습니다.
아래는 저가 AI를 사용하여 역사적 유산 코드를 처리하는 방법이며, 일상적으로 저도 AI 프로그래밍을 이렇게 합니다.
3.
제 AI 프로그래밍 도구는 Claude Code입니다. 명령줄 이 더 편리하고 다른 도구와 통합하기 쉽기 때문입니다.
저가 사용하는 AI 모델은 대부분 국산 모델입니다.MiniMax M2입니다. 저는그 기능을테스트했는데, 상당히 좋아서 필요를 충족시키고, 그 순위도 매우 높습니다.
또한, 그것은 월별 가격(29위안 인민폐)을 가지고 있어서 가장 저렴한 프로그래밍 모델 중 하나이며, 많이 사용하고 반복적으로 틀리는 것을 걱정할 필요가 없습니다. 만약 Claude 시리즈 모델로 바꾸면, 20달러의 Pro 패키지는 부족하고, 200달러의 Max 패키지는 너무 비쌉니다.
MiniMax가 Claude Code에 연결하는 방법은 제이야기를 참조하세요.
四、
저가 이 글을 쓰는 동안, MiniMax는 이번 주에 대규모 업그레이드를 했고,M2 모델이 M2.1으로 업그레이드되었습니다.입니다.
는 자신과 관련되어 있어서 이번 업그레이드를 특별히 주의하고 있습니다.
공식의 발표声明에 따르면, 이번 업그레이드는 특별히 "다국어 프로그래밍 능력"을 강화했으며, 일반적으로 사용되는 프로그래밍 언어(Rust, Java, Golang, C++, Kotlin, Objective-C, TypeScript, JavaScript 등)에 대해 특별히 강화했습니다.
그래서 그의 WebDev와 AppDev 개발 능력은 크게 향상되었으며, 복잡한 웹 애플리케이션과 안드로이드/iOS의 네이티브 앱을 개발할 수 있습니다.
"소프트웨어 엔지니어링 관련 시나리오의 핵심 목록에서, MiniMax M2.1은 M2보다 눈에 띄게 향상되었으며, 특히 다국어 시나리오에서 Claude Sonnet 4.5와 Gemini 3 Pro를 초월하고 Claude Opus 4.5에 가까워졌습니다."
위 설명에 따르면, 그 프로그래밍 능력은 해외 플래그셋 모델보다 뛰어나거나 가까워졌습니다.
이 모델은 이미 출시되었으며 지금 바로 사용할 수 있습니다. 따라서 이 글은 공식 설명이 정확한지 확인하고, 그 웹 개발 능력이 실제로 향상되었는지 테스트하는 데 적합합니다.
가격은 그대로인데, 공식적으로는 "응답 속도가 눈에 띄게 향상되었고, Token 소모가 현저히 감소했다"고 밝히고 있어, 의도치 않게 가격 인하 효과를 가져왔습니다.
M2.1은 Claude Code에 연결되었으며, 제 파라미터는 다음과 같습니다.
오,
이번에 선택한 역사적인 유산 프로젝트는wechat-format는 웹 애플리케이션이며, Markdown 텍스트를 위챗 공지사항 스타일로 변환합니다.
위 그림 왼쪽의 텍스트 상자에 Markdown 텍스트를 입력하면, 오른쪽에서 즉시 자동 렌더링된 결과가 표시되어 위챗 공지사항 편집기에 직접 복사할 수 있습니다.
이 매우 유용하며, 모두가 해보세요. 제 위챗 공지사항은 지금 이를 사용하여 레이아웃을 하고 있으며, 효과가 좋습니다（아래 그림 참조）.
문제는, 원저작자는 6년 전에 포기했고, 이 프로젝트는 더 이상 업데이트되지 않습니다. 소스 코드를 보았는데, 이는 오래된 버전의 Vue.js와 CodeMirror 편집기를 사용하며, 어떤 문서나 설명도 없고, 컴파일 도구를 통해 처리되어 주석까지 삭제된 상태입니다.
이 기술 스택에 익숙하지 않다면, 이 코드를 수정하는 것은 매우 어려울 수 있으며 많은 시간을 투자해야 할 수 있습니다.
그럼 언제까지 말을 아끼고 AI를 데리고 오서 이 코드들을 MiniMax M2.1 모델에 맡겨.
여섯.
구 프로젝트를 이어받는 첫 단계는 프로젝트를 전반적으로 이해하는 것.
먼저 AI가 프로젝트 개요를 생성하도록 하겠습니다. 함께 따라 해보시고 제 결과와 비교해 보세요.
# 克隆代码库 $ git clone [email protected]:ruanyf/wechat-format.git # 进入项目目录 $ cd wechat-format # 启动 Claude Code $ claude-minimax
위의 claude-minimax는 제가 정의한 명령어로, Claude Code 안에서 MiniMax 모델을 호출하는 데 사용됩니다(참조: 튜토리얼 ).
"이 저장소의 개요를 생성하다"라고 입력하세요.
AI는 빠르게 상세한 설명을 제공했으며, 프로젝트 전반적인 소개, 핵심 기능, 기술 스택 및 파일 구조(아래 그림)를 포함합니다.
전체적인 이해가 이루어진 후, 저는 AI가 주요 스크립트 파일의 코드를 설명하게 할게요.
【힌트】index.html 파일의 코드를 설명해주세요.
그는 코드 구조와 페이지 레이아웃(위 그림)을 제공하고, 그 다음으로는 JS 스크립트 로드 순서와 Vue 애플리케이션 논리, 심지어 프로세스 다이어그램(아래 그림)까지 포함하고 있어요. 정말 예상치 못했어요.
이 단계를 마치면 코드 라이브러리의 전반적인 상황을 상당히 이해하게 될 것이며, AI가 소요한 시간은 1분 미만입니다.
7.
이 모델이 "다국어 프로그래밍 능력"을 가진다고 주장하니, 저는 프로젝트 언어를 JavaScript에서 TypeScript로 변경하게 했어요.
많은 구형 프로젝트에서도 이는 흔한 요구사항이며, 난이도가 높습니다.
먼저 이전 계획을 수립한 후, tsconfig.json과 types.d.ts를 생성하고, 아래 그림과 같이 JS 파일을 하나씩 해당하는 TS 파일로 변환했습니다.
수정이 완료되었을 때, 이 애플리케이션을 실행해 보니 오류가 발생했습니다 (아래 그림). 그래서 오류를 하나씩 해결했습니다.
마지막으로 이전 작업이 완료되었고, 아래 그림과 같이 작업 요약을 제공했습니다.
나는 브라우저에서 이 애플리케이션을 실행했을 때, CodeMirror과 FuriganaMD가 정의되지 않았다는 오류를 만났습니다.
나는 오류 메시지를 모델에 제출했고, 모델은 빠르게 코드를 수정하여 이제 브라우저에서 성공적으로 실행됩니다.
이제 이 오래된 JavaScript 애플리케이션이 성공적으로 TypeScript 애플리케이션으로 변경되었고, 모든 내부 객체에 완전한 타입 정의가 추가되었습니다.
이제 단위 테스트를 추가할 수도 있습니다. 여기서는 생략합니다.
8.
간단한 테스트는 여기까지로 하고, 제 현재 AI 프로그래밍 수준은 이 정도로 보입니다. AI를 이용해 코드를 설명하고 수정합니다. 저희는 앞으로 역사적인 유산 코드를 만났을 때 AI에게 먼저 맡기는 것이 좋다고 권장합니다.
이 테스트는 비교적 간단해서 MiniMax M2.1의 능력 한계를 평가하기에는 부족하지만, 사람이 이러한 일을 할 때는 한 일일 안에 끝낼 수 없을 수 있지만, 이건 불과 열둘 분만 걸립니다.
전반적으로, 저는 그 성능에 만족합니다. 모두가 보셨듯이 제 프롬프트는 매우 간단하며, 한 문장이지만 그는 의도를 정확히 이해했습니다. 한 번 성공하지 못하더라도 최대 두 번 정도 수정하면 정확해집니다.
또한, 발표 문서에 설명된 대로, 그는 매우 빠른 실행 속도를 가지고 있으며, 생각 과정과 생성 과정은 최대 두 세 분 정도 걸리는데, 다른 모델들은 오랫동안 기다려야 합니다.
또한, 어떤 작업이든지 그는 상세한 설명과 코드 주석을 제공합니다.
결론적으로, 제 테스트 상황을 보면 이 모델의 웹 개발 능력은 정말 우수하며 실제 작업에 사용할 수 있습니다.
마지막으로, 조금은 주제를 벗어나서 이야기하자. 유명 개발자 Simon Willison 최근에 , 대형 모델을 평가하는 것이 점점 어려워지고 있다고 말했다. "두 모델 사이의 실질적인 차이를 인식할 수 없다"고, 주류의 새로운 모델들이 이미 일반적인 작업을 해결할 만큼 충분히 강력해서, 평가의 난이도를 끊임없이 높여야만 그들의 강함을 알 수 있다고.
이는 일반 프로그래머의 일반적인 프로그래밍 작업에 대해 다른 모델들이 큰 차이를 만들지 않을 뜻이며, 해외의 최상위 모델을 신화하지 않고 국산 모델도 잘 사용할 수 있다는 것을 의미한다.
（완）