개발자를 위한 AI툴 모음

김정곤·2024년 8월 7일

Intro


개발자에게는 AI가 참으로 애매한 존재이다. 어떻게 보면 본인의 직업을 대체할만한 적이면서도, 안 풀리던 코드를 딸깍 한번에 고쳐주는 GPT의 맛을 보면 화가 풀린다. 그러다가도 "그럼 기업이 나를 왜 채용할까?"라는 의문에 선뜻 답하지 못하기도 한다.

어찌됐든 개발자라는 직업은 아직 유효하고, 본인이 개발자를 진로로 가지고 있다면 주위의 말을 너무 신경쓰지 않고 본인의 길을 가면 된다고 생각한다. 허나, 본인의 자존심 때문에 또는 본인의 실력을 늘리기 위해 GPT를 쓰지 않는 바보 같은 짓은 하지 않는 것이 좋다고 개인적으로 생각한다. 직접 코드를 작성하는 점도 분명히 중요하지만, 미래의 시대에 맞춰서 어느 직종이든 AI를 활용할 줄 아는 능력이 더욱 중요하다고 생각하기 때문이다.

따라서 오늘은 GPT를 제외하고 여러모로 개발자들이 활용하면 좋은 AI툴을 가지고 와 보았다. 본인의 판단에 따라 AI를 활용하는데 도움이 되는 글이기를 바란다.

1. VS Code Extension (Tabnine, Github Copilot, etc)


Tabnine은 VS CODE에서 다운 받을 수 있는 Extension이다. 다음과 같이 VS Code내에서 현재 열려있는 폴더를 기준으로 모든 코드에 대한 분석을 해준다.

Tabnine을 포함한 VS Code내에 줌으로 GPT를 web에서 사용할때와 다르게 서로 다른 파일에 있는 코드를 일일이 복사하거나 폴더 구조를 설명해야하는 등의 수고를 덜 수 있다.

먼저 가장 기본적인 함수에 대한 질문을 하였더니 함수의 역할을 잘 설명하였다.

위처럼 단순한 질문이 아닌 정말 Tabnine이 장고 프레임워크의 작동원리를 반영하는지에 대해 test 해보기 위해 urls.py의 url 하나를 임의로 틀리게 하고 왜 메인페이지에서 views.py의 함수 하나가 실행이 제대로 되지 않는지에 대해 질문하였다.

Image 1 Image 2 Image 3 Image 4

왜 진작 쓰지 않았을까에 대한 후회가 남을정도로 편리하다고 느껴졌다. 실시간 코드가 어떻게 수정되었는지에 대해 GPT에게 알릴 필요도 없고 파일구조와 파일간의 관계에 대해서도 다 파악이 되었다고 느껴졌다.

위와 같은 프롬프팅을 사용하면 파일에 자동으로 코드를 삽입해주고 테스트 코드까지 작성해주니 유용하게 사용하도록 하자.

2. Clone Coding

Screenshot to Code를 사용해보자. GPT 탐색에서 검색을 통해 찾을 수 있다.

클론코딩 하기 좋은 사이트 아르샤를 AI로 클론코딩을 시도해보겠다.
https://bootstrapmade.com/demo/Arsha/

Screenshot to Code에게 다음과 같이 스크린샷을 제공하였고

밭은 html 및 css코드로 웹사이트를 열어본 결과 다음과 같은 결과물이 나왔다.

조금은 실망스러운 결과이지만 기본 뼈대 잡는데는 쓸모가 있지 않을까 싶다.

여기서 의문은 단순 GPT 4o와 성능 비교를 하고 싶었다. GPT 4o에게 같은 스크린샷으로 클론 코딩을 요청한 결과는 다음과 같다.

그냥 GPT가 나은거 같기도...? 사실 이거 작성하기 시작한 1주일 전에는 GPT의 성능이 전혀 나오지를 않았는데 1주일 사이에 또 발전한 거 같다. 우리가 자는 사이에도 AI는 발전하는구나를 세삼 느끼게 된다.

3. Web Desgin

  1. GPT Website Generator
    https://chatgpt.com/g/g-iYSeH3EAI-website-generator/c/a1b8e0b4-b810-4334-88c7-5c6867c2cfd8
    Figma
    https://app.uizard.io/prototypes/bJmKW3LLodsvZKXeRKwM
profile
4차산업혁명 마스터

0개의 댓글