Cursor AI 로 앱 만들기 (1) - Cursor AI, 시작

Cursor AI?

최근에 업무를 하면서도 gpt와 같은 AI 서비스를 사용하는 일은 정말 많아진 것 같다. AI 서비스가 없을 때는 내가 코딩을 어떻게 하고 있었지?라는 생각이 들 정도인데, 그 와중에 Cursor AI라는 AI IDE가 나와서 한번 써보게 되었다.

사실 copilot 을 ide에 연동해서 사용을 하고 있긴 했는데, 아직 잘 쓰지는 못하고 있는 거 같아서 궁금해서 써봤는데 너무 신기하다는 생각이 든다.

gpt는 내가 물어본 것에 대해서 대답을 해준다면, Cursor AI 는 그걸 바로 내 프로젝트에 반영시켜 주는 차이가 있다.

이게 하나의 예시인데, 만약 "gpt에서 IOS에서 알람을 보내는 방법을 알려줘"라는 질문을 했다고 생각해 보자. 일반적으로 알람을 보내기 위한 과정을 상세하게 설명해 준다.

위의 이미지가 실제로 gpt에 물어봤을 때 나오는 내용이다. 이걸 하나씩 내 프로젝트가 가서 적용하면 된다. 그런데 Cursor AI는 이렇게 나오는 내용을 내 프로젝트에 맞게 바로 적용을 해주는 것이라고 생각하면 된다.

사실 이것만 돼도 엄청 편리함을 느낄 수 있는데, 더 중요한 건 저런 것들은 패키지간 의존성이나 다른 코드와 충돌이 분명 있을 수 있다. 그런데 cursor AI는 내 프로젝트를 다 파악하고 있어서 그에 맞게 코드를 작성해서 반영해 주는 것이다.

나는 백엔드 개발자로 일을 하고 있어서 안드로이드/IOS에 대한 지식이 전혀 없는데 이거를 사용하면 내가 모르는 분야라도 만들어 볼 수 있겠구나 라는 생각이 들었다.

포모도로 앱

cursor ai로 내가 지식 없이도 앱을 만들 수 있을까? 를 테스트해보고 싶어서 우선 아주 간단한 앱을 하나 만들어보기로 했다. 회사에서 일할 때 나는 포모도로 시계를 가져다 두고 일을 하는데, 이걸 한번 앱으로 만들어보면 어떨까 싶었다.

포모도로

위에 시계가 실제로 사용하고 있는 건데, 내가 이걸 앱으로 만든다면 저거 대신에 사용해보고 싶었다. 사실 포모도로 앱은 이미 엄청나게 많은 스마트폰 앱이나 웹에서 서비스가 있어서 내가 만드는 게 큰 의미는 없을 것 같으나, cursor ai를 사용해 본다는 점과 나한테 필요한 기능을 추가해 보자는 생각으로 진행을 하게 되었다.

앱 기획

내가 만들 포모도로 앱에 들어가면 좋겠다는 기능은 다음과 같았다.

1. 25분 단위로 시간을 측정한다.

2. 중간에 스마트 폰으로 딴짓을 하면 해당 포모도로 기간은 실패 처리 된다.

+@ 포모도로 성공/실패 여부의 기록

내가 자주 사용하는 25분 단위의 포모도로 타이머를 만들고, 나만을 위한 기능으로 해당 시간에 포모도로가 아닌 다른 행동을 할 수 없게 만들기로 했다.

cursor ai에게 명령하며 정말 금방 만든 포모도로 앱 화면이다. cursor ai로 만들면서 해보니, 디테일한 부분들은 내가 잘 명령을 해줘야 한다는 것이 중요했다.

여기서 보면, 글자의 크기, 버튼의 위치/색상, 휴대폰이 돌아가면 같이 돌아가게 하기, 이런 것들은 다 디테일하게 요청을 해줘야 한다. "25분 타이머로 동작하는 포모로도 타이머를 만들어줘"라고 해서 이렇게 만들어지지 않고, 정말 시간만 줄어드는 단순한 형태의 모습만 나오게 게 된다. 추가로 여러 가지 pubget 설정이나 의존성, 실행 등에서 생기는 문제도 계속 대화를 하면서 해결이 필요했다.

포모도로화면을 보던 중 다른 화면에 포커스가 가면 이런 식으로 되게 만들었다. 그리고 앱은 기본적으로 휴대폰에 지정된 시간이 지나면 화면이 자동으로 꺼지는데, 포모도로 앱은 그러면 안 되기 때문에 화면이 계속 켜지고 있어야 하는 설정도 필요했다.

생각보다 간단한 앱이지만 내가 모르는 부분이 많아서 신경 써줘야 할 것이 많다는 것을 알게 되었다.

사용중!

이 포모도로 앱은 내 갤럭시에만 설치해서 일할 때 사용하고 있다. cursor ai로 내가 모르는 분야여도 만들 수 있겠는데?라는 생각이 드는 연습이었고, 이제 다른 것들도 계속 만들어가면서 글을 작성해보겠다 :)