본문 바로가기

전체 글51

[Flutter 트랙] 앱개발 종합반 1-8 - 변수 Dart 변수 개념과 실전 프로젝트 적용이번 포스팅에서는 Flutter 개발을 위한 Dart 변수 개념을 정리하고, 실전 프로젝트에서 변수 선언을 적용하는 방법을 설명합니다.1. 변수란 무엇인가?프로그래밍에서 변수(Variable)는 데이터를 저장하는 공간을 의미합니다. 쉽게 말해, 이름이 붙은 박스와 같으며, 특정한 값을 담고 관리할 수 있습니다.예를 들어, 변수 author에 "개발하는 남자"라는 값을 저장하면, 이 변수명을 호출할 때마다 해당 값을 사용할 수 있습니다.var author = "개발하는 남자";print(author); // 개발하는 남자 출력2. Dart 변수 선언 방식Dart에서는 변수를 선언할 때 명시적 타입 지정과 암시적 타입 지정 방법이 있습니다.📌 1) 명시적 타입 지정데.. 2025. 3. 4.
[Flutter 트랙] 앱개발 종합반 1-7 - 프로젝트 열기 & 에뮬레이터 실행 플러터(Flutter) 프로젝트 설정 및 실습 – 프로젝트 열기 & 에뮬레이터 실행이번 포스팅에서는 VS Code에서 플러터 프로젝트를 여는 방법과 실습을 진행하는 과정을 다룬다.또한, 애뮬레이터를 활용하여 UI를 미리 확인하는 방법까지 정리하였으니, 플러터 개발을 시작하는 사람이라면 꼭 참고하자.1. VS Code에서 플러터 프로젝트 열기📌 1) 프로젝트 소스 코드 다운로드 및 압축 해제플러터 프로젝트를 처음부터 새로 생성하는 방법도 있지만, 미리 준비된 예제 소스 코드를 활용하여 실습을 진행하는 것이 학습에 도움이 된다.1️⃣ 예제 소스 코드를 다운로드2️⃣ 본인이 원하는 워크스페이스(예: 바탕화면, C드라이브 등)에 압축 해제3️⃣ VS Code 실행📌 2) 프로젝트 열기1️⃣ VS Code 실.. 2025. 3. 3.
[Flutter 트랙] 앱개발 종합반 1-6 - VS Code Extensions 추천 플러터(Flutter) 개발을 원활하게 진행하기 위해서는 VS Code의 확장 플러그인(Extensions)을 적절히 활용하는 것이 중요하다.이번 포스팅에서는 플러터 개발에 필수적인 VS Code 플러그인과 추가적으로 유용한 플러그인을 정리한다.1. VS Code에서 확장 플러그인 설치 방법1️⃣ VS Code 실행2️⃣ 좌측 사이드바에서 "확장 프로그램(Extensions)" 아이콘 클릭 (블록 모양 아이콘)3️⃣ 검색창에서 원하는 플러그인 검색 후 "Install" 버튼 클릭4️⃣ 설치 완료 후 VS Code 재시작2. 플러터 개발을 위한 필수 확장 플러그인아래 3가지는 플러터 개발 시 반드시 필요한 플러그인이므로 꼭 설치해야 한다.✅ Flutter – 플러터 프로젝트를 생성하고, 기본 기능을 제공✅.. 2025. 3. 3.
[Flutter 트랙] 앱개발 종합반 1-5 - Mac 환경설정 맥(Mac)에서 플러터(Flutter) 개발 환경 설정 – 완벽 가이드플러터는 크로스 플랫폼 앱 개발을 위한 강력한 프레임워크로, Mac에서도 원활하게 개발이 가능하다.이번 포스팅에서는 Mac 환경에서 플러터 개발을 위한 환경 설정 방법을 단계별로 정리한다.1. Mac에서 플러터 개발 환경 설정 – 전체 과정✅ Homebrew 설치✅ Git 설치✅ Flutter SDK 다운로드 및 환경 변수 설정✅ VS Code 설치 및 확장 플러그인 설정✅ Android Studio 설치 및 설정✅ Xcode 설치 및 설정✅ Flutter Doctor 실행 및 오류 해결✅ iOS 시뮬레이터 및 Android 에뮬레이터 실행2. Homebrew 및 Git 설치📌 1) Homebrew 설치Homebrew는 macOS에서.. 2025. 3. 3.
[Flutter 트랙] 앱개발 종합반 1-4 - Window 환경설정 플러터(Flutter) 개발 환경 설정 – Windows & MacOS 설치 가이드플러터로 앱 개발을 시작하기 위해서는 개발 환경을 올바르게 설정하는 과정이 필수적이다. 특히 Windows와 MacOS에서의 설정 방식이 다르므로, 본 포스팅에서는 윈도우 환경에서 플러터 개발 환경을 세팅하는 방법을 상세히 다룬다.개발 환경을 올바르게 설정하지 않으면 SDK 오류, 경로 문제, 에뮬레이터 실행 오류 등 다양한 문제가 발생할 수 있으므로 주의가 필요하다.1. Windows에서 플러터 개발 환경 세팅 – 단계별 가이드플러터 개발 환경을 구축하려면 아래의 순서대로 진행하면 된다.✅ Git 설치✅ Flutter SDK 다운로드 및 환경 변수 설정✅ Android Studio 설치 및 설정✅ VS Code 설치 및 .. 2025. 3. 3.
[Flutter 트랙] 앱개발 종합반 1-3 - 이번에 배울 것 플러터(Flutter) 1주 차 – 앱 개발 맛보기 및 다트(Dart) 문법 익히기플러터를 활용한 앱 개발을 시작하기 위해서는 기본적인 개념 이해와 개발 환경 설정이 필수적이다. 이번 1주 차에서는 플러터의 개념과 개발 환경 세팅 방법, 그리고 다트(Dart) 문법 학습을 다룬다. 또한, 실습을 통해 다트 문법을 자연스럽게 익힐 수 있도록 ‘짝 맞추기 게임’ 프로젝트를 진행할 예정이다.1. 플러터란 무엇인가?플러터(Flutter)는 구글에서 개발한 오픈소스 UI 프레임워크로, 단 하나의 코드로 iOS와 안드로이드 앱을 동시에 개발할 수 있는 장점이 있다.✅ 빠른 개발 속도 – 핫 리로드(Hot Reload) 기능을 활용해 코드 변경 사항을 즉시 확인 가능✅ 네이티브급 성능 – 브릿지 없이 직접 컴파일되어.. 2025. 3. 3.

티스토리툴바