🛠️ [Programming 이것 저것] 맥북에서 Cursor AI를 활용한 모바일 앱을 개발 환경 구축

맥북에서 Cursor AI를 활용하여모바일 앱을 만들기 위한 준비를 하면서 추가적인 환경 구축이 있어 정리하겠습니다.

이제, 각 패키지를 추가하는 과정을 아주 구체적이고 상세하고 쉽게 이해하실 수 있도록 예시와 함께 설명을 합니다.

패키지 추가, 이렇게 하면 돼요!

pubspec.yaml 파일은 앱이 필요로 하는 도구(패키지)들의 목록을 적어두는 특별한 노트와 같아요. 여기에 필요한 패키지 이름을 적어두면, Flutter가 알아서 그 도구를 가져와서 사용자가 사용할 수 있도록 준비해 준답니다.

1. pubspec.yaml 파일 열기:

• Flutter 프로젝트 폴더를 열어보세요. 마치 집을 짓기 위한 설계도면들이 모여 있는 곳이라고 생각하시면 돼요.
• 그 폴더 안에는 pubspec.yaml이라는 이름의 파일이 있을 거예요. 파일 이름이 정확한지 확인해 주세요. 마치 '앱 도구 목록'이라고 적힌 메모장 같은 파일이라고 생각하시면 됩니다.
• 이 파일을 텍스트 편집기 (예를 들어, Visual Studio Code, Android Studio 등 코드를 작성하는 프로그램)로 열어주세요.

2. dependencies 섹션 찾기:

• 열린 pubspec.yaml 파일 안에는 여러 줄의 글자들이 적혀 있을 거예요. 그중에서 dependencies: 라고 적힌 부분을 찾아보세요. 마치 '필요한 것들:' 이라고 적힌 목록의 시작점이라고 생각하시면 돼요.
• 기존에 dependencies: 아래에 다른 내용들이 있다면, 지금 Cursor AI가 알려준 내용으로 전체를 바꿔주세요. 마치 오래된 '필요한 것들' 목록을 새 목록으로 완전히 바꾸는 것과 같아요.

3. 알려주신 패키지 내용으로 바꾸기:

• Cursor AI가 알려준 dependencies: 부분을 그대로 복사하세요.

• 사용자가 열어놓은 pubspec.yaml 파일의 기존 dependencies: 섹션을 찾아서, 복사한 내용으로 붙여넣기 해주세요. 붙여넣을 때는 기존 내용을 모두 지우고 붙여넣는 것이 가장 안전합니다. 마치 낡은 목록을 하얀 종이로 깨끗하게 지우고 새 목록을 적는 것과 같다고 생각하시면 돼요.

  YAML

  dependencies:
    flutter:
      sdk: flutter
    cupertino_icons: ^1.0.8
    table_calendar: ^3.0.9
    flutter_local_notifications: ^16.3.2
    shared_preferences: ^2.2.2
    intl: ^0.19.0
    provider: ^6.1.2
  

4. 패키지 가져오기 (아주 중요!):

• pubspec.yaml 파일을 저장하세요. 마치 새 목록을 작성했으니 저장해서 잃어버리지 않도록 하는 것과 같아요.

• 이제 터미널(명령 프롬프트)을 열어야 합니다. 터미널은 컴퓨터에게 명령을 내릴 수 있는 특별한 창이라고 생각하시면 돼요.

• 터미널에서 현재 Flutter 프로젝트 폴더로 이동하세요. 예를 들어, 프로젝트 이름이 my_app이라면 터미널에 cd my_app 이라고 입력하고 엔터를 누르면 됩니다. cd는 'change directory'의 줄임말로, 폴더를 이동하라는 명령어예요.

• 프로젝트 폴더로 이동한 후에는 다음 명령어를 입력하고 엔터를 눌러주세요.

  Bash

  flutter pub get
  

• 이 명령어는 Flutter에게 "야! pubspec.yaml 파일에 적힌 새로운 도구들(패키지들)을 가져와서 우리 앱에서 쓸 수 있도록 준비해 줘!" 라고 말하는 것과 같아요.

• 이 명령어를 실행하면 터미널에 여러 줄의 글자들이 쭉 나올 거예요. 걱정하지 마세요! Flutter가 열심히 패키지들을 다운로드하고 프로젝트에 연결하는 작업을 하고 있는 중이랍니다.

• "Got dependencies!" 또는 비슷한 메시지가 보이면 패키지 추가가 성공적으로 완료된 거예요! 마치 필요한 도구들을 모두 창고에서 꺼내와서 작업실에 잘 정리해 둔 것과 같다고 생각하시면 됩니다.

예시:

만약 레고 블록으로 멋진 로봇을 만들고 싶다고 상상해 보세요. pubspec.yaml 파일은 어떤 종류의 레고 블록(패키지)이 필요한지 적어둔 설명서와 같아요.

• dependencies: 부분은 "이 로봇을 만들려면..." 이라고 시작하는 재료 목록과 같아요.
• table_calendar: ^3.0.9 는 "달력 모양의 특별한 레고 블록" 이라고 생각할 수 있어요. 이 블록을 사용하면 앱에 달력을 쉽게 넣을 수 있죠.
• flutter pub get 명령어는 "설명서에 적힌 레고 블록들을 모두 가져다 줘!" 라고 레고 회사에 주문하는 것과 같아요.

이제 flutter pub get 명령어를 실행하셨다면, 사용자의 앱은 달력 기능, 알림 기능, 데이터 저장 기능 등 다양한 강력한 도구들을 사용할 준비가 된 것입니다!😊