생성형 AI, ChatGPT(챗GPT)의 탄생으로 IT 산업 뿐만 아니라 다양한 산업에서 이미 이를 적용한 수많은 변화가 일어나고 있습니다. 유라클도 모바일 표준 플랫폼, 모피어스에 ChatGPT를 적용하여 AI를 활용해 개발 생산성을 높일 수 있는 ‘모피어스 AI’를 출시했습니다.

모피어스 AI는 자체적으로 구축한 모피어스의 API, Library 등이 포함된 전용 Data Set과 프롬프트 엔지니어링 기술을 활용합니다. 챗GPT와 같은 초거대 AI 기술을 통해 코드 생성, 오류 수정, 품질 검증 등 개발 생산성을 향상시키는 동시에 개발 프로세스의 효율성을 높일 수 있습니다.

그렇다면 모피어스 AI 기능, 어떻게 활용할 수 있을까요?

모피어스 AI 활용 방법

1. 주석 달기

주석은 코드의 기능과 작동 원리를 설명하기 위한 것으로, 내용을 변경하거나 업데이트 등 유지보수를 할 때 작성된 코드를 보다 쉽고 빠르게 이해하기 위해 작성합니다. 하지만 매번 작성한 코드마다 주석을 달기는 부담으로 다가올 수 있습니다.

모피어스 AI의 ‘주석 달기’ 기능을 사용하면 모피어스 AI를 통해 자동으로 코드에 대한 주석을 생성할 수 있습니다.

먼저 주석을 달고자 하는 코드를 블록으로 지정해 준 후, 오른쪽 마우스를 클릭하여 ‘AI에게 요청하기’ > ‘주석 달기’를 클릭합니다.

그러면 하단에 블록으로 지정했던 코드를 기반으로 모피어스 AI가 생성한 주석들이 나타납니다. 주석 생성이 완료되면 OK를 클릭하세요. 그러면 우측 이미지와 같이 기존 코드와 매칭되어 추가된 주석들이 나열됩니다. 좀 더 명료하게 작성해야 하거나 수정이 필요한 주석은 바로 변경할 수 있습니다. 

모피어스 AI가 작성해준 내용을 확인해보면 요청한 코드의 각 줄마다 해당 코드가 어떤 기능을 수행하는지 한글로 명확히 적혀있습니다.

수정한 주석들을 코드에 최종적으로 삽입한 모습입니다. 모피어스 AI를 활용하면 매번 일일이 주석을 작성하던 시간을 단축 시킬 수 있습니다.

2. 코드 작성

때로는 코드 작성이 어렵거나 귀찮게 느껴질 때도 있습니다. 상황에 따라서 도저히 아이디어가 떠오르지 않는 경우도 있죠. 그럴 때 모피어스 AI의 ‘코드 작성’ 기능을 활용하여 코드 작성을 할 수 있습니다.

구현하고자 하는 내용을 자연어로 서술하신 후, 내용을 드래그하여 요청하면, 원하는 로직의 코드를 구현해줍니다. 구현하고자 하는 내용을 명확하고 구체적으로 서술할수록 작성된 코드의 완성도가 높아질 것입니다.

예시에서는 ‘JavaScript와 Chart.js 라이브러리를 사용하여 신체 건강을 확인할 수 있는 그래프를 보여주는 모바일 화면의 코드를 작성해줘.’ 라고 요청해볼 것입니다.

자연어로 작성한 내용을 드래그한 뒤, 우클릭 > ‘AI에게 요청하기’ > ‘코드 작성’을 눌러줍니다.

최종적으로 모피어스 AI가 작성해준 코드입니다. 요청한 대로 Chart.js 라이브러리를 활용하여 JavaScript 코드를 작성해준 것을 확인할 수 있습니다.

요청받은 결과의 내용을 ‘Insert’ 버튼을 통해 작성 중인 코드의 원하는 부분에 그대로 삽입할 수 있습니다.

‘Insert’ 버튼을 누르면 ‘마법사’ 창으로 이동합니다.

해당 창에서는 수정 전, 후의 내용을 비교하여 볼 수 있기 때문에 깔끔하게 코드 작성을 할 수 있습니다. 추가적으로 수정이 필요한 내용은 ‘마법사’에서 직접 수정도 가능합니다.

내용 수정이 끝난 뒤 Finish 버튼을 누르면 최초 코드 작성을 요청했던 부분의 하단에 내용이 삽입됩니다.

모피어스 AI 의 ‘코드 작성’ 기능은 로직을 구현할 때 코드에 대한 설계가 전혀 떠오르지 않거나, 현재 작성하고 있는 코드보다 더 나은 로직이 있을지 고민될 때 활용할 수 있습니다. 원하는 설계 내용을 모피어스 AI에게 요청하고, 모피어스 AI가 제시해준 코드를 이용할 수도 있으며, 아이디어를 얻어 다른 내용으로 확장해보실 수도 있습니다. 

모피어스의 AI ‘코드 작성’ 기능을 활용하면 코드 구현 시 겪는 어려움에 대한 힌트를 얻을 수 있을 것입니다.

3. 철자 및 문법 체크

코드를 작성하다 보면 함수나 변수명에서 영문 철자를 틀리거나 익숙하지 않은 언어의 경우 문법이 틀리는 경우도 있습니다.

또한 언어에 따라 변수명 혹은 함수명의 네이밍 컨벤션이나 스타일이 달라질 때도 있는데요. 다양한 언어를 매번 다루다보면, 각 언어마다 어떤 케이스를 적용해야 하는지 헷갈리는 상황이 오기도 합니다. 

모피어스 AI에서는 ‘철자 및 문법 체크’ 기능을 통하여 철자 실수를 잡아주거나, 좀 더 나은 네이밍을 추천해줍니다. 혹은 언어에 맞춰 카멜케이스(camel case) 혹은 스네이크 케이스(snake case)를 적절하게 사용할 수 있도록 도와줍니다. 

먼저, 철자 및 문법 체크를 원하는 코드 부분을 드래그해주세요. 예제로 사용된 코드는 Http 통신을 이용하여 JSONObject 응답값을 받는 메소드를 구현한 부분입니다.

원하는 부분을 드래그로 선택한 후, 우클릭>’AI에게 요청하기’>’철자 및 문법 체크’를 클릭합니다. 

이후 요청한 결과가 결과 창에 출력됩니다. 

AI는 해당 코드에 대해서 문법적인 수정을 제안하고 있습니다. 변수명에서 ‘_'(언더스코어)를 사용하는 것이 좋으며, 예외 처리 시 추가해야 하는 finally 구문이 없다고 얘기해줍니다. 또한, if문에서 null 체크를 할 때 현재 사용하는 메소드 대신 더 안전하게 사용할 수 있는 메소드를 추천해줍니다. 

그리고 제안한 내용을 바탕으로 수정된 코드를 직접 작성하여 결과 창에 출력해줍니다. 

‘Replace’ 버튼을 클릭하여, 드래그한 부분의 코드를 모피어스 AI가 제안해준 내용으로 수정할 것입니다.

‘Replace’ 버튼을 누르면 ‘마법사’ 창으로 이동하고, 코드 수정 전,후의 모습을 비교할 수 있습니다. 

추가적인 수정이 필요하시면, ‘마법사’창에서 직접 수정하실 수도 있습니다. 내용을 모두 확인하시면, ‘Finish’ 버튼을 눌러 수정을 완료합니다. 

기존에 드래그했던 부분의 코드가 모피어스 AI가 제안해준 내용의 코드로 대체된 것을 확인하실 수 있습니다. 

모피어스 AI의 ‘철자 및 문법 체크’ 기능을 활용하시면 언어마다 헷갈리는 문법 및 네이밍 규칙을 일일이 검색해보거나 다시 점검할 필요없이 모든 내용을 한번에 확인하실 수 있습니다.  

4. 소스 코드 검증

소스 코드 검증은 소프트웨어 개발 과정에서 중요한 과정입니다. 프로그램의 품질과 안정성을 확보하여 제품의 품질을 높일 수 있기 때문입니다. 초기에 버그를 발견하거나, 제대로 된 검증을 통해 보안 취약점을 미리 발견하여 소프트웨어 사용자들에게 신뢰성을 제공할 수 있으므로 개발 과정에서 필수적인 과정입니다.

모피어스 AI에게 코드 검증을 요청하면, 작성한 코드가 어떤 식으로 구현되었는지 분석한 결과를 출력해주고 코드 내의 어떤 부분에서 예외나 에러가 발생할 지 알려줍니다. 따라서 개발자는 결과 확인을 통해 설계한 대로 코드가 기능 구현이 잘 되었는지 확인할 수 있습니다. 

예제로 활용한 부분은 HTTP 요청을 통해 응답 헤더 정보를 JSON Object로 반환하는 기능을 구현한 코드 입니다. 소스 코드 검증을 원하는 부분을 드래그해줍니다. 

드래그 후, 우클릭>’AI에게 요청하기’> ‘소스 검증’ 을 클릭합니다.

요청한 결과를 확인해보겠습니다. 결과 창에 작성한 메소드에 대한 설명이 있습니다. 구현한 기능에 대한 설명, 파라미터에 대한 설명, 출력값, 그리고 예외 발생 경우까지 설명해줍니다.

이 결과를 활용하여 개발자가 설계한 대로 코드 구현이 잘 이루어졌는지 검증할 수 있습니다. 또한 예외가 발생할 수 있는 경우에 대해 예외 처리가 잘 구현되어있는지도 체크가 가능합니다.

내용 확인 후 ‘Close’ 버튼을 통해 창을 닫으면 됩니다. 

모피어스 AI의 ‘소스 코드 검증’ 기능을 통해 작성한 코드의 소스 검증 과정을 수행할 수 있습니다. 출력된 결과가 개발자가 설계한 내용과 다르거나, 처리하지 못한 예외가 있다면 코드나 설계를 수정하여 더 완전한 소프트웨어 제품을 개발할 수 있습니다. 

5. 리팩토링

개발이 완료되어도 제품의 성능을 높이고 로직의 효율성을 높이기 위해선 리팩토링 과정이 필요합니다. 같은 로직이라도 더 효율적이고, 혹은 더 깔끔하게 작성할 수 없을까 고민하게 되는 건 개발자의 숙명 같습니다. 또한, 기존에 사용하던 변수명이 직관적이지 않아 변경하고 싶을 때도 있습니다.

모피어스 AI는 ‘리팩토링’ 기능을 제공하여 원하는 부분의 코드 리팩토링을 지원해줍니다. 변수명을 더 직관적으로 변경해주거나, 좀 더 가독성 있고 유지보수가 더 편리한 코드로 제안해줍니다. 

우선, 리팩토링을 원하는 부분을 드래그하고, 우클릭 > ‘AI에게 요청하기’>’리팩토링’ 을 누릅니다.

모피어스 AI는 위 코드에서 변수명을 좀 더 직관적으로 바꿔주었고, 각 기능에 대하여 한글 주석을 추가하여 가독성이 더 좋은 코드로 리팩토링해 주었습니다. 

‘Replace’ 버튼을 눌러 드래그한 부분의 코드를 AI에게 받은 결과 코드로 변경해줄 것입니다. ‘Replace’버튼을 누르면  ‘마법사’로 이동하여 어떤 부분이 변경되었는지 수정 전, 후의 모습을 확인할 수 있습니다.  

‘Finish’ 버튼을 누르면 해당 부분의 코드가 대체된 것을 확인할 수 있습니다.  

리팩토링은 소프트웨어 개발에서 코드의 품질을 향상시키고 유지보수를 용이하게 하는 등 소프트웨어의 성능 최적화에 도움이 됩니다. 다만, 추가적인 시간과 비용이 들어가며, 기존 코드에 대한 충분한 이해가 요구되기 때문에 상황에 따라서 어렵게 느껴질 수도 있는 작업입니다.

모피어스 AI의 ‘리팩토링’ 기능을 활용하면 리팩토링을 수행할 때 들어가는 시간과 비용을 줄일 수 있어, 개발자들의 업무 효율에 큰 도움이 될 것입니다. 

6. 프롬프트 입력

프롬프트(Prompt)란 챗GPT에게 질문이나 지시를 주는 문장이나 단어입니다. 

모피어스 AI의 ‘프롬프트 입력’은 모피어스 AI에서 제공하는 기능 외에도 직접적인 프롬프트(명령어)를 입력하여 원하는 결과를 얻을 수 있도록 합니다.

모피어스 IDE에서 우클릭>’AI에게 요청하기’>’프롬프트 명령어’를 클릭합니다.

원하는 프롬프트(명령어)를 직접 입력합니다. 

예시에서는 ‘MADP를 이용하여 index.html 페이지로 이동하는 코드작성 요청’ 이라고 작성해보았습니다. (MADP는 모피어스의 ‘앱 개발 플랫폼’을 의미합니다. MADP에 대한 자세한 설명을 원하시면 이 링크를 참조해주세요.) 그리고 ‘Send’ 버튼을 눌러 입력한 프롬프트를 모피어스 AI에게 요청합니다.

이후 프롬프트로 요청한 결과가 하단에 출력됩니다. 모피어스 AI가 전달해준 결과를 보면, 자연어로 작성된 부분을 주석처리하고, 불필요한 코드 부분은 삭제해 주었습니다. 

결과창에서 내용을 미리 수정할 수도 있습니다. 모피어스 IDE에 결과창의 내용 그대로 바로 삽입하기 위해 불필요한 함수는 지워주고, 한국어로 되어있는 부분을 주석 처리하였습니다. 

결과창 하단의 ‘Insert’ 버튼을 누르면 ‘마법사’ 창으로 이동되며, 기존 커서가 있던 곳에 결과 내용을 삽입할 수 있습니다. 다른 기능들과 마찬가지로 수정 전 후 코드 내용을 확인할 수 있고, 코드 수정이 가능하여 편리하게 코드를 삽입할 수 있습니다. 

결과 내용이 원하는 곳에 작성되었음을 확인할 수 있습니다. 

두번째 예제입니다.  이번엔 프롬프트 입력을 통해 리팩토링과 주석 추가를 요청해볼 것입니다. 

원하는 부분을 드래그하고, 동일하게 우클릭 >’AI에게 요청하기’>’프롬프트 입력’을 클릭합니다. 

‘프롬프트 명령어’ 입력 창에 프롬프트를 직접 입력합니다. 드래그한 코드 부분이 이미 입력 창에 입력되어있는 상태에서, 하단에 ‘리팩토링 및 한글 주석 추가 요청’ 이라고 입력하였습니다. 

입력 후, ‘Send’ 버튼을 클릭하여 요청합니다.

이후 결과창에서 해당 코드에 대한 리팩토링과 주석 추가가 된 결과가 출력된 것을 확인할 수 있습니다. 

이처럼 ‘프롬프트 입력’ 기능은 직접 프롬프트 입력을 통해 한 가지 기능 외에 여러 가지 요청을 한 번에 할 수 도 있고, 기능으로 직접 제공하지 않는 부분도 요청할 수 있습니다. 

‘Replace’ 버튼을 눌러 기존에 드래그하였던 코드 위치에 결과를 대체하여 입력할 것입니다. 

이번에도 역시 ‘마법사’를 통해서 수정 전 후를 비교하여 편리하게 코드를 작성할 수 있습니다.

적절히 코드를 수정한 후 ‘Finish’ 버튼을 누르면 해당 코드가 원하는 위치에 삽입된 것을 확인할 수 있습니다. 

모피어스 AI의 ‘프롬프트 입력’ 기능을 활용하면 직접 프롬프트(명령어) 입력을 통해 원하는 메소드의 사용법을 바로 요청하거나, 한 번에 두 가지 이상의 기능을 요청할 수 있습니다.  

프롬프트를 효율적으로 작성하면, 기본적으로 제공하는 기능 외에도 다양한 기능을 효율적으로 활용할 수 있을 것입니다. 

마치며

실무에서는 AI를 활용한 개발자들이 점차 늘어나고 있습니다. 이에 따라 모피어스에서는 개발자들이 편리하게 AI 기능을 활용할 수 있도록 모피어스 AI 기능을 추가했습니다.

물론, AI는 모든 문제를 해결해주지는 않습니다. 하지만, 적절하게 활용하면 개발의 효율성을 극대화할 수 있습니다. 모피어스 AI 기능을 사용하면 개발자들은 보다 빠르고 정확한 결정을 내릴 수 있고, 문제 해결에 더 집중할 수 있을 것입니다. 모피어스가 제공하는 AI 기능을 잘 활용하여 업무의 효율성을 높이고 더 나은 결과를 얻을 수 있기를 바랍니다. 

모피어스는 지속적으로 기술적 혁신을 추구하며, AI 기술의 발전과 업무 효율성 극대화에 기여하는 솔루션을 제공하기 위해 노력하겠습니다. 함께 더 나은 개발 환경과 성과를 만들어가기를 기대합니다!

모피어스 AI가 궁금하시다면 지금 바로 유라클에 문의해주세요.