[Flutter] Cursor로 프로젝트 세팅하기

 

 

 

안녕하세요. 이번에는 현재 매우 각광받고 있는 Cursor를 사용해서 Flutter 프로젝트를 세팅 해보도록 하겠습니다.

 

이 커서 아닙니다..

 

 

 

 

Cursor?

Cursor는 AI와 협업을 중심으로 설계된 통합 개발 환경(IDE)으로, 코드 작성, 디버깅, 수정 등 다양한 개발 작업을 AI의 도움으로 효율화할 수 있는 툴이다. 다양한 AI 모델을 지원하여 개발자들에게 혁신적인 개발 경험을 제공한다.

 

 

 

설치

https://www.cursor.com/

Cursor - The AI Code Editor

 

해당 사이트 접속 후 설치하시면 됩니다. 별다른 어려운 과정이 없습니다.

 

 

 

Cursor 간단 사용

 

설치 후 Cursor를 실행하면 해당 화면처럼 뜹니다. 본인이 원하는 위치에 폴더하나를 만들고 해당 폴더를 열어주세요

 

 

 

그러면 저처럼 이렇게 빈 화면이 뜨게 됩니다. 여기서 단축키 "command + l" 단축키를 눌러서 채팅창을 열어주세요.

 

 

 

채팅창을 열고 flutter 프로젝트를 생성하고 싶다고 채팅을 쳤더니 flutter 프로젝트를 생성하는 방법을 알려줍니다. 여기까지는 가장 유명한 Chatgpt도 가능한 부분입니다. 이제 Cursor가 빛을 발휘하는 개발자와 협업하는 기능 중 하나를 사용해 보겠습니다. 

 

 

 

채팅창에 있는 명령어에 마우스를 올려보면 "Ask", "Copy", "Run"라는 기능이 보입니다. 이 것 말고도 더 많지만 해당 코드에서는 저 3가지가 뜨네요.

 

Ask : 해당 답변에 대해서 추가 질문을 할 수 있습니다.

Copy : 해당 코드를 복사합니다.

Run : 터미널에 해당코드를 실행시킵니다.

 

Run을 눌러서 프로젝트를 생성해 보세요. 그리고 추가로 2번과, 3번, 4번을 동일하게 Run을 눌러서 실행해 보세요.

 

 

 

저는 4번 과정 Ios시뮬레이터로 실행하는 와중에 에러가 발생했습니다. 자 이렇게 터미널에서 에러가 발생할 경우 Cursor는 어떻게 우리와 협업을 할까요?

 

 

에러가 발생한 문구를 클릭하면 오른쪽에 "Add to Composer", "Add to Chat"이라는 버튼들이 뜨게 됩니다.

 

Add to Composer : 발생한 오류의 해결 방법을 찾아 바로 적용한다.

Add to Chat : 발생한 오류의 해결 방법을 찾는다.

 

저는 Add to Chat을 눌러서 해결 방법을 찾아보겠습니다. 해당 버튼을 누르면 "Command + l" 단축키로 열었던 채팅창에 해당 에러가 자동으로 붙여 넣기가 됩니다. 이제 추가적인 요구사항과 함께 찾아보도록 합시다.

 

 

 

제시해 준 방법대로 진행합니다. 저는 시뮬레이터를 실행한 다음 Flutter 앱을 실행했지만 계속 에러가 발생했습니다. 그래서 추가로 확인할 사항들에 있는 flutter doctor 명령어를 실행했습니다.

 

Xcode 몇몇 설정이 안 되어있어 문제 되는 거 같습니다. 해당 설정도 "Add to Chat"으로 물어보고 해결해 보겠습니다.

 

 

계속 제시해 주는 방법으로 진행하고 에러 뜨면 물어보고 해결하고 반복하였습니다. 

 

 

결국 Ios 시뮬레이터로 flutter 실행을 성공적으로 마무리했습니다!! 개인마다 뜨는 오류는 다양각색이지만 계속 물어보면서 제시하는 방법대로 하다 보면 실행될 것입니다. 다음 글에서는 Cursor를 사용해서 직접 개발해 보겠습니다.

 

 

https://jutole.tistory.com/163

[Flutter] Cursor로 간단하게 개발하기