Chapter 1. Dart 개발 환경 구성

안녕하세요!

오늘은 Dart 개발 환경을 갖추기 위해 어떤 것들이 필요한 지 정리해봤습니다😀

 

 

개발을 진행하기에 앞서 어떤 프로그램들과 기초 지식들이 필요한 지 간단히 정리했으니,

여러분께 조금이나마 도움이 되기를,,,총총

 

 

SDK 란?

= Software Development KIt

구성 요소

• 컴파일러: 컴퓨터과 인간 사이의 통역사
• 라이브러리: 프로그래밍할 때 자주 사용하는 코드를 미리 정의해둔 코드의 집합 -> 효율성 업
• 디버깅 및 테스트 도구
  • De(부정)+bug(벌레)=오류 / 옛날에 컴퓨터에 나방이 들어가서 오류를 일으킨 것이 유례되어 디버깅이라고 이름 지어짐ㅋㅋ
  • 오류를 찾아내고, 수정하는 과정을 디버깅이라고 부름
• 문서(설명서) 및 샘플 코드
• 패키지 관리자
  • 외부 라이브러리나 패키지를 설치하고, 관리할 수 있도록 도와주는 도구
  • 외부 라이브러리: SDK가 제공하는 것 외에 따로 사용하고 싶은 라이브러리

Dart SDK

특징

• Dart 코드를 작성, 빌드, 디버깅, 테스트할 때 필요한 모든 도구를 제공
• Flutter SDK에 포함되어 있어서 Flutter 개발 환경을 구성할 때 자동으로 설치
• 다양한 운영체제에서 사용 가능
• 정기적으로 업데이트 되기 때문에 최신 버전으로 유지하면 더 안정적인 프로그래밍 가능
  • but. 무조건 최신 버전이 좋은 건 x
  • 버전 구성
    • Stable: 3개월에 한 번씩 업데이트되는 안정적인 배포 버전 / 형태: x.y.z
    • Beta: 1개월에 한 번씩 업데이트 되는 배포 버전 / 새로운 기능을 Stable에 넣기 전에 미리 테스트 해보는 용도(안정적 x) / 형태: x.y.z-a.b.beta
    • Dev: 2주에 한 번씩 업데이트되는 배포 버전 / 검증되지 않은 기능이 포함 /  형태: x.y.z-a.b.dev

구성

• 라이브러리: core, async, math, html 등
• 명령줄(Command-line) 도구
  • dart: Dart 코드 작성, 포맷, 분석, 테스트, 컴파일, 실행 등을 하기 위한 명령어
  • dartaotruntime

 

Dart 프로젝트 생성 및 구성하는 방법

1. mac 터미널에서 dart create 프로젝트 이름 -> 입력 후 enter  => 해당 프로젝트 생성
2. cd 프로젝트 이름 -> 입력 후 enter
   1. cd: change directory의 약자로, 탐색할 폴더를 바꿔주는 기능
   2. ls 입력 후 Enter 누르면 해당 폴더에 있는 요소들을 모두 보여줌 / bin 폴더 있는지 반드시 확인!
3. cd bin -> 입력 후 enter => 프로젝트 폴더 안의 bin 폴더로 이동
   
   • ls 명령어 입력 시 프로젝트 이름.dart 파일이 있으면 완성
4. open ./ -> 입력 후 enter => 프로젝트.dart 파일이 있는 bin 폴더 파일이 열림
5. 프로젝트 이름.dart 파일에 쓴 코드를 실행하고 싶다면, dart run(해당 폴더 위치에 있는 모든 .dart 파일들 실행) 또는, dart run 프로젝트.dart(특정 파일만 실행) -> 입력 후 enter

 

Dart 프로젝트 기본 파일 구조

• bin: 실행되는 파일(프로그램 시작점), main 함수가 있는 곳
• lib: 함수, 클래스 등 재사용 코드 모음
• test:  자동 테스트 코드 모음, 빠르게 검사하는 용도로 연습장이라고 생각하면 됨
• pubspec.yaml: 프로젝트 설정 파일

 

Q. stdin.readLineSync()은 test에서 왜 실행이 안되는가?
A. test는 입력을 기다리거나 사용자 입력을 받는 구조가 아님, 여러 케이스를 빨리 돌려야 하는 테스트 페이지이기 때문 작동 x

* Standard Input(표준 입력): 사용자에게 값을 입력 받아서 실행 / 터미널(콘솔)에서 입력을 받을 때 사용하는 개념
* stdin.readLineSync(): 한 줄 입력 받기

•  

 

명령어가 익숙하지 않거나, SDK 설치가 어려운 경우 DartPad 사용

• 웹 브라우저에서 Dart 코드를 작성하고, 바로 실행할 수 있는 온라인 코드 편집기
• SDK가 내장되어 있어 따로 설치 x, Flutter 코드를 실행할 수 있어서 빠르게 테스트가 가능
• 코드 자동 완성, 구문 강조, 오류 표시 기능이 있어 쉽게 코드 작성 및 빠른 오류 수정이 가능
• 물음표 아이콘 버튼: 코드에 커서를 둔 후 ? 아이콘 클릭 시 코드에 대한 설명 확인 가능
• 목록 아이콘 버튼: 작성한 코드를 가독성을 높여 재정리
• Run 아이콘 버튼: 작성한 코드의 결과값을 확인

 

코드 작업 프로그램

• visual studio code나 android studio, cursor AI(ai 생성형 코드 작성) 등

코드 관리 프로그램

• GitHub
  • GitHub.com: 웹 브라우저로 프로젝트의 관리와 협업을 위한 '본부' 역할
  • GitHub Desktop: 컴퓨터에 다운로드 해서 실행, 로컬에서 코드를 작성하고 변경 사항을 기록하는 작업을 돕는 '도우미'

 

 

 

오늘의 핵심 정리

즉 개발을 하기 위해서는 소프트웨어 개발에 필요한 도구 묶음인 SDK가 필요하다.

SDK를 사용해서 다트 프로젝트를 생성하면 그 안에 기본적으로 들어가는 파일들이 있는데 

이것이 bin, lib, test 등의 파일이다.

 

만들어진 파일들에 코드를 작성하고 수정할 때 쓰는 프로그램은

보통 visual studio code나 android studio, cursor AI(ai 생성형 코드 작성) 등을 사용하고,

내가 작성한 코드가 날아가지 않도록 백업하고 관리하는 프로그램인 GitHub가 있다.

 

추가로 개발은 책처럼 여러 파일들이 묶여 하나의 프로그램을 실행하는데,

협업과 가독성을 위해 파일을 기능에 따라 나누어 코드 작업을 하는 것이 중요하다!