플러터:개요 - 편집 역사

Sam: /* 설치 */

2026-01-04T23:23:30Z

설치

← 이전 판		2026년 1월 4일 (일) 23:23 판
42번째 줄:		42번째 줄:
	::* flutter 디렉토리 하위의 bin을 지정한다.		::* flutter 디렉토리 하위의 bin을 지정한다.
	* '''VS Code를 쓰는 경우.(1.77 이상.)'''		* '''VS Code를 쓰는 경우.(1.77 이상.)'''
	# [필수](개발을 한다면 보통 설치되어 있을텐데..) [https://gitforwindows.org/ git 2.27] 이상을 요구한다. 설치 후 재부팅해줘야 clone이 오류 없이 되더라.(귀찮더라도 재부팅 해주고.. 문제 생기면 그때라도 재부팅 해주자.)		# [필수](개발을 한다면 보통 설치되어 있을텐데..) [https://gitforwindows.org/ git 2.27] 이상을 요구한다. 설치 후 재부팅해줘야 clone이 오류 없이 되더라.(귀찮더라도 재부팅 해주고.. 문제 생기면 그때라도 재부팅 해주자. 그냥 지금 재부팅 하는 게 좋을 걸..?)
	# extentions에서 flutter를 다운받는다.		# extentions에서 flutter를 다운받는다.
	# ctrl+shift+p 에서 flutter:New Project를 입력하면 된다. Download SDK부터 SDK를 설치할 폴더를 선택하면 하위에 flutter 디렉토리가 생김.(몇 분 걸림)		# ctrl+shift+p 에서 flutter:New Project를 입력하면 된다. Download SDK부터 SDK를 설치할 폴더를 선택하면 하위에 flutter 디렉토리가 생김.(몇 분 걸림)

Sam: /* 안드로이드 스튜디오 세팅 */

2025-12-31T06:13:47Z

안드로이드 스튜디오 세팅

← 이전 판		2025년 12월 31일 (수) 06:13 판
59번째 줄:		59번째 줄:

	* 윈도우 어플의 경우: 윈도우 어플을 개발하려면 비주얼스튜디오가 필요하다.(https://visualstudio.microsoft.com/downloads/)		* 윈도우 어플의 경우: 윈도우 어플을 개발하려면 비주얼스튜디오가 필요하다.(https://visualstudio.microsoft.com/downloads/)
	*

	~~= 안드로이드 스튜디오 세팅 =~~

	* 안드로이드 스튜디오에서 프로젝트로 시작하든, vscode에서 시작하든.(이 챕터 이후 VScode 세팅 등은 [[플러터:VSCode\|플러터:VSCode - 학교의 모든 지식. SMwiki]]를 참고하자.)
	* 프로젝트를 시작하는 방법과 에뮬레이터(가상기) 사용법에 대하여.

	~~{\| class="wikitable"~~
	\|+
	~~!단계~~
	~~!설명~~
	~~!비고~~
	\|-
	~~\|에뮬레이터 사용 설정~~
	~~\|안드로이드 SDK를 지정해주어야 한다.~~

	* 안드로이드 스튜디오에서 SDK Manager > Android SDK Location 경로를 복사해 환경변수로 설정해야 한다. 파워쉘을 관리자권한으로 실행하여 아래를 진행하자.
	* flutter config --android-sdk "D:\code\Android\SDK"
	* 터미널에서 flutter doctor --android-licenses 진행, 다 yes 처리해주면 된다.
	* 이후 vscode를 재시작해주면 코드 실행으로 사용 가능.
	\|
	\|-
	\|
	\|
	\|
	\|}

	~~보통 처음 실행하면 에러가 뜨는데...(나중에 정리해보자...~~

Sam: /* 안드로이드 스튜디오 세팅 */

2025-12-31T05:28:31Z

안드로이드 스튜디오 세팅

차이 보기

Sam: /* 설치 전 유의사항 */

2025-12-31T05:18:31Z

설치 전 유의사항

← 이전 판		2025년 12월 31일 (수) 05:18 판
20번째 줄:		20번째 줄:
	\|경로는 무조건 영어로		\|경로는 무조건 영어로
	\|프로젝트 저장 경로, 플러터 언어의 경로에 절대로 영어 외의 언어가 쓰이면 안된다.(이게 참 불편한 점이다; 회사 원드라이브 경로는 한글인데..)		\|프로젝트 저장 경로, 플러터 언어의 경로에 절대로 영어 외의 언어가 쓰이면 안된다.(이게 참 불편한 점이다; 회사 원드라이브 경로는 한글인데..)
	하여, 필자는 비고와 같이 설정하여 경로를 ~~우회하였다~~.		하여, 필자는 비고와 같이 설정하여 경로를 우회를 시도하였으나.. 이도 쉽진 않다.

	\|윈도우. CMD에서 다음의 명령으로 가상 드라이브 생성.		\|윈도우. CMD에서 다음의 명령으로 가상 드라이브 생성.
58번째 줄:		58번째 줄:
	\|}		\|}

	* ~~윈도우의~~ 경우: 윈도우 어플을 개발하려면 비주얼스튜디오가 필요하다.(https://visualstudio.microsoft.com/downloads/)		* 윈도우 어플의 경우: 윈도우 어플을 개발하려면 비주얼스튜디오가 필요하다.(https://visualstudio.microsoft.com/downloads/)
	*		*

89번째 줄:		89번째 줄:
	\|라이센스 동의		\|라이센스 동의
	\|flutter doctor를 실행하면 [!] Android toolchain - develop for Android devices (Android SDK version 35.0.1) 과 같은 메시지가 뜬다.		\|flutter doctor를 실행하면 [!] Android toolchain - develop for Android devices (Android SDK version 35.0.1) 과 같은 메시지가 뜬다.
	라이센스 동의 관련은 flutter doctor --android-licenses 를 입력해 y를 계속 입력하면 된다.		라이센스 동의 관련은 <code>flutter doctor --android-licenses</code> 를 입력해 y를 계속 입력하면 된다.
	\|		\|
	\|}		\|}

Sam: /* 시작 */

2025-12-15T08:41:56Z

시작

@@ 59번째 줄: / 59번째 줄: @@
 * 윈도우의 경우: 윈도우 어플을 개발하려면 비주얼스튜디오가 필요하다.(https://visualstudio.microsoft.com/downloads/)
 === 발생할 수 있는 문제 ===
@@ 82번째 줄: / 115번째 줄: @@
 |}
-= 시작 =
+= 안드로이드 스튜디오 세팅 =
 * 안드로이드 스튜디오에서 프로젝트로 시작하든, vscode에서 시작하든.(이 챕터 이후 VScode 세팅 등은 [[플러터:VSCode|플러터:VSCode - 학교의 모든 지식. SMwiki]]를 참고하자.)
@@ 92번째 줄: / 125번째 줄: @@
 !설명
 !비고
 |-
 |안드로이드 스튜디오
@@ 105번째 줄: / 134번째 줄: @@
 *애뮬레이터.
 :우측 메뉴에 device manager를 통해.
+|
 |}
 보통 처음 실행하면 에러가 뜨는데...(나중에 정리해보자...
 == 기본 양식 ==
@@ 184번째 줄: / 179번째 줄: @@
+|
 |https://docs.flutter.dev/get-started/codelab
 |}

2025년 12월 2일 (화) 02:21에 Sam님의 편집

2025-12-02T02:21:54Z

← 이전 판		2025년 12월 2일 (화) 02:21 판
4번째 줄:		4번째 줄:
	구글이 공개한 앱개발 프레임워크. Software Development Kit.		구글이 공개한 앱개발 프레임워크. Software Development Kit.

	간편하게 반응형 웹페이지 따위를 개발할 수 있어 순위가 급격하게 오르는 중이다.		* 간편하게 반응형 웹페이지 따위를 개발할 수 있어 순위가 급격하게 오르는 중이다.
			* 일반적인 웹 툴과 다르게, UI가 먼저 있고, 여기에 변화가 생기면 구성 요소를 새롭게 불러오는 방식이다.
	일반적인 웹 툴과 다르게, UI가 먼저 있고, 여기에 변화가 생기면 구성 요소를 새롭게 불러오는 방식이다.		* 생각보다 설치하고 시작하는 것 자체부터 고비다;; 다른사람들이 정리해둔 글을 그대로 따라해도 안되는 경우가 상당하다;; 그럴땐 침착하게 창을 껐다 켜든가 재부팅을 하는 방향으로.
			* 25년12월 기준 web이나 일반 데스크톱 OS에선 따로 구현해주어야 하는 기능들이 상당수 있다.
	생각보다 설치하고 시작하는 것 자체부터 고비다;; 다른사람들이 정리해둔 글을 그대로 따라해도 안되는 경우가 상당하다;; 그럴땐 침착하게 창을 껐다 켜든가 재부팅을 하는 방향으로.

	= 설치 =		= 설치 =

Sam: /* 기본 양식 */

2025-11-13T04:51:20Z

기본 양식

← 이전 판		2025년 11월 13일 (목) 04:51 판
170번째 줄:		170번째 줄:

	</syntaxhighlight>기본적인 흐름은 main>runApp>위젯 형식이다. 위젯을 상속한 클래스의 build를 오버라이딩 하는 방식으로 이루어진다.		</syntaxhighlight>기본적인 흐름은 main>runApp>위젯 형식이다. 위젯을 상속한 클래스의 build를 오버라이딩 하는 방식으로 이루어진다.

			위의 경우, MyApp에서 빌드를 진행한다.

	== 팁 ==		== 팁 ==

Sam: /* 개요 */

2025-11-13T01:33:51Z

개요

← 이전 판		2025년 11월 13일 (목) 01:33 판
5번째 줄:		5번째 줄:

	간편하게 반응형 웹페이지 따위를 개발할 수 있어 순위가 급격하게 오르는 중이다.		간편하게 반응형 웹페이지 따위를 개발할 수 있어 순위가 급격하게 오르는 중이다.

			일반적인 웹 툴과 다르게, UI가 먼저 있고, 여기에 변화가 생기면 구성 요소를 새롭게 불러오는 방식이다.

	생각보다 설치하고 시작하는 것 자체부터 고비다;; 다른사람들이 정리해둔 글을 그대로 따라해도 안되는 경우가 상당하다;; 그럴땐 침착하게 창을 껐다 켜든가 재부팅을 하는 방향으로.		생각보다 설치하고 시작하는 것 자체부터 고비다;; 다른사람들이 정리해둔 글을 그대로 따라해도 안되는 경우가 상당하다;; 그럴땐 침착하게 창을 껐다 켜든가 재부팅을 하는 방향으로.
171번째 줄:		173번째 줄:
	== 팁 ==		== 팁 ==
	대부분 IDE에서 ctrl+s를 통해 핫 리로드를 제공한다.(코드의 빠른 반영 확인)		대부분 IDE에서 ctrl+s를 통해 핫 리로드를 제공한다.(코드의 빠른 반영 확인)

			= 학습 =
			{\| class="wikitable"
			!사이트
			!설명
			!비고
			\|-
			\|공식 문서
			\|
			\|https://docs.flutter.dev/get-started/codelab
			\|}

	= 예제 =		= 예제 =

Sam: /* 발생할 수 있는 문제 */

2025-02-05T14:37:51Z

발생할 수 있는 문제

← 이전 판		2025년 2월 5일 (수) 14:37 판
73번째 줄:		73번째 줄:
	\|}		\|}
	이렇게 경로를 바꿔주는 경우, VSCode의 경우에 좌측의 세팅에서 "Dart: Flutter SDK Path" 설정을 찾아 설정파일을 변경해주어야 한다.		이렇게 경로를 바꿔주는 경우, VSCode의 경우에 좌측의 세팅에서 "Dart: Flutter SDK Path" 설정을 찾아 설정파일을 변경해주어야 한다.

			이렇게 하면 flutter doctor에서 경로가 바뀌었음을 지적하는데, 이는 flutter clean으로 build 파일을 제거했다가 다시 구성하면 해결된다.
	\|-		\|-
	\|Flutter failed to delete a directory at "build\flutter_assets". The flutter tool cannot access the file or directory.		\|Flutter failed to delete a directory at "build\flutter_assets". The flutter tool cannot access the file or directory.

Sam: /* 발생할 수 있는 문제 */

2025-02-05T14:26:39Z

발생할 수 있는 문제

← 이전 판		2025년 2월 5일 (수) 14:26 판
66번째 줄:		66번째 줄:
	\|-		\|-
	\|...... to "build\flutter_assets\shaders/ink_sparkle.frag" failed with exit code -1073741819.		\|...... to "build\flutter_assets\shaders/ink_sparkle.frag" failed with exit code -1073741819.
	\|보통 ~~프로젝트~~ 경로에 한글이 포함되어 있을 때 발생하는 에러이다.		\|보통 프로젝트나 플러터의 경로에 한글이 포함되어 있을 때 발생하는 에러이다.
	{\| class="wikitable"		{\| class="wikitable"
	\|-		\|-
72번째 줄:		72번째 줄:
	subst X: "D:\OneDrive - 원주중학교\for coding computer"		subst X: "D:\OneDrive - 원주중학교\for coding computer"
	\|}		\|}
			이렇게 경로를 바꿔주는 경우, VSCode의 경우에 좌측의 세팅에서 "Dart: Flutter SDK Path" 설정을 찾아 설정파일을 변경해주어야 한다.
	\|-		\|-
	\|Flutter failed to delete a directory at "build\flutter_assets". The flutter tool cannot access the file or directory.		\|Flutter failed to delete a directory at "build\flutter_assets". The flutter tool cannot access the file or directory.
	\|~~플러터 경로에 한글이 포함되어 있을 때 발생하는 에러이다~~.		\|2025년 기준 이런 메시지가 뜨는 건 여러 이유가 있겠지만... 나의 경우엔 원드라이브 내부의 경로를 사용했을 때이다.
			구글드라이브나 원드라이브나 동기화 폴더 안에 두면 사용중으로 묶여버리는데... 이거 이유를 한참만에 발견했다;;; 동기화 환경에선 쓸 수 없다는 게 굉장히...치명적이고 불편하다.
	\|}		\|}