내 개발을 두 배로 늘려주는 AI 기반 도구 속도

소프트웨어 업계에서 상당한 시간을 보낸 사람으로서. 시간이 지나면서 저는 항상 저에게 도움이 될 수 있는 도구와 기술을 찾아왔습니다.

• 생산성 향상
• 내 코드의 버그 줄이기
• 적게 쓰되 더 많은 것을 성취하라

이 게시물에서는 JavaScript 생산성을 향상시키는 데 도움이 된 AI 기반 도구 중 일부를 공유하겠습니다. 강점과 약점을 포함하여 각 도구에 대한 개인적인 경험을 공유하겠습니다. 그러니 버클을 채우고 뛰어들어 보세요!

GitHub의 부조종사

GitHub Copilot은 코드를 더 빠르게 작성하는 데 도움이 되는 AI 기반 코드 도우미입니다.

저는 TypeScript, JavaScript, Dart 및 Python과 함께 Copilot을 사용해 왔습니다. 그것이 내 마음을 읽고 정확히 내가 원하는 것을 만들어 낸 것처럼 느껴지는 순간이 있었습니다. 정말 놀라웠습니다! 그러나 이러한 순간은 한 달에 몇 번 정도 드물었습니다.

대부분의 경우 성능이 히트했거나 실패했습니다. 코드베이스를 알지 못하고 함수 이름을 잘못 추측하는 경우가 많습니다. 미묘한 버그가 있는 코드를 생성하여 출력을 분석하는 데 추가 시간을 소비하게 하는 경우가 있었습니다.

이러한 단점에도 불구하고 Copilot은 간단한 반복 패턴을 생성하고 문서를 자동 완성하는 데 꽤 괜찮습니다.

GPT 엔지니어

GPT-엔지니어는 앱 개발 프로세스 속도를 높이는 AI 도구입니다. GPT 3.5를 사용하여 Express 앱을 만들어 테스트해 보기로 했습니다.

처음에는 유망해 보였습니다. 명확한 아키텍처를 배치하고 올바른 프레임워크를 선택했으며 코드를 깔끔하게 구성했습니다. 그러나 생성된 코드가 기준치 이하였고 앱을 시작할 수 없었기 때문에 흥분은 잠시뿐이었습니다.

나는 GPT-4로 업그레이드하는 것이 도움이 될 것이라고 생각했고 결과가 약간 향상되었지만 여전히 완전한 기능을 갖춘 앱을 만드는 데는 부족했습니다. 따라서 GPT 엔지니어는 가능성을 보여주지만 아직 심각한 코딩 작업을 처리할 수준은 아니라고 해도 무방합니다.

코디 AI

Cody AI는 제가 한동안 VSCode에서 사용해 온 AI 기반 코딩 도우미입니다. 이는 여러 가지 방법으로 내 코딩 경험을 변화시켰습니다.

- 코드 블록을 간단한 요약으로 나누는 데 탁월합니다. 이는 다른 프로젝트의 코드를 검토할 때나 내 작업을 빠르게 다시 확인해야 할 때 매우 편리합니다.
- 로그 문, 오류 메시지 또는 코드 주석의 공백을 채우는 것이 영리합니다.
- 공통 패턴에 대한 공백을 채워줌으로써 복사-붙여넣기의 필요성을 줄여줍니다.
- 놀랍게도 테스트 작성에는 꽤 능숙합니다.

그러나 마크다운으로 작성할 때 제안 내용은 장황하고 항상 긍정적인 경향이 있습니다. 부정적인 문장을 빼내는 것은 거의 불가능합니다! 또한 인라인 제안은 실제로 코드를 "가져오는" 것이 아니기 때문에 때때로 성가신 일이 될 수 있습니다.

이러한 단점에도 불구하고 Cody AI는 내 코드를 영어로 번역하고 테스트를 구성할 때 큰 도움이 되어 내 툴킷에 없어서는 안 될 도구가 되었습니다.

반응 에이전트

React Agent는 React 구성요소 구축을 돕기 위해 설계된 AI 도구입니다. 저는 이를 React 앱의 기본 상태 관리 구성 요소를 구축하는 데 사용해 보았습니다.
내가 사용할 수 있는 일부 코드를 대량으로 만들어 냈지만 일부 사양이 누락되거나 이전에 추가한 기능이 삭제되는 경우가 많았습니다. 많은 손을 잡고 세부 사항에 주의를 기울여야 했기 때문에 시간이 많이 절약되지 않았습니다.

현재로서는 React Agent에서 생성된 코드는 아직 제작할 준비가 되어 있지 않으며 기존 코드베이스에 병합되기 전에 상당한 조정이 필요합니다. 하지만 전체적으로 생산성이 향상되었습니다.

Vercel의 v0

v0은 UI 디자인을 생성하는 AI 도구입니다. 그러나 내 경험상 Tailwind CSS를 사용하면 의심스러운 UI가 생성되어 평범한 UI가 생성됩니다.

v0으로 구축된 모든 것은 상당한 수정이 필요하거나 결국 아마추어 제품처럼 보이게 됩니다. 그 노력에는 박수를 보내지만 UI 디자인은 복잡하고 역동적입니다. 아직 AI가 최고 수준의 UI 디자인을 일관되게 생성할 수 있는 시점은 아니지만 UI의 출발점을 제공합니다.

AI 스윕

이 도구는 AI 지원을 사용하여 개발할 때 직면했던 가장 큰 문제를 해결합니다. 즉, 새로운 요청을 할 때 기존 앱 소스에 대한 컨텍스트를 제공합니다. PR을 통해 출력물을 전달하는 기능도 깔끔하게 추가됐다. 나는 이미 이것을 사용하여 몇 가지 PR을 만들었습니다. 물론 병합하기 전에 수동으로 약간의 조정을 해야 했지만 확실히 30분 정도를 절약할 수 있었습니다.

스크립트GPT

ScriptGPT는 기능 개발을 GPT4 기반 AI 에이전트에 오프로드하도록 설계된 도구입니다. 이는 TS/JS 프로젝트에 맞게 특별히 맞춤화되어 필수 라이브러리 자동 설치, 코드 테스트, 주석 추가 등을 수행합니다.

효과적인 코드 통합과 복잡한 프로젝트 구축에 어려움을 겪는 GitHub Copilot 및 GPT-Engineer와 같은 다른 AI 기반 코딩 도구와 달리 ScriptGPT는 이러한 영역에서 탁월합니다. 특정 프로젝트 기능을 ScriptGPT로 오프로드하면서 코드를 작성하기 위해 이러한 도구와 함께 사용할 수 있습니다.

이 프로젝트를 만든 사람으로서 평가가 다소 편향되어 있을 수도 있습니다. 완벽하지는 않고 항상 개선의 여지가 있지만 저는 ScriptGPT가 개발자 툴킷에 귀중한 추가 기능이 될 수 있다고 진심으로 믿습니다. 한번 시도해보고 생산성을 어떻게 향상시킬 수 있는지 알아보세요! GitHub 저장소: https://github.com/ukanwat/scriptgpt/

간단히 말해서

AI 도구는 아직 완벽하지 않습니다. 그들은 때때로 실수를 하고, 당신이 하려는 일을 항상 이해할 수는 없습니다. 하지만 그들은 점점 나아지고 있습니다. 미래에는 더욱 강력하고 도움이 될 것입니다. 그들은 당신의 코드를 더 잘 이해할 수 있을 것이고, 훨씬 더 창의적인 아이디어를 창출할 수 있을 것입니다.

당신의 생각을 함께 나누세요

멋진 AI 도구를 놓치셨나요? 당신이 좋아하는 것이나 내가 놓쳤을 수도 있는 멋진 것을 말해주세요!
또한 여러분의 생각과 제안을 듣고 싶습니다. 저는 항상 발전하기 위해 노력하고 있습니다 :)

여기에도 게시되었습니다.