728x90
반응형

플러터에서 맥북으로 테스트할 때 발생한 에러다

예외가 발생했습니다. X
_ClientSocketException (ClientException with SocketException: Connection failed (OS Error: Operation
not permitted, errno = 1),

 

VScode를 보면 macos 폴더에

DebugProfile.entitlements, Release.entitlements 파일이 있는데, 해당 파일에

아래 코드를 추가&저장 해주면된다.

	<key>com.apple.security.network.client</key>
	<true/>

 

728x90
반응형
728x90
반응형

d


Flutter 2.0으로 버전업되면서 버튼 종류들이 바뀌었다.

FlatButton => TextButton

OutlineButton => OutlinedButton

RaisedButton => ElevatedButton

 

문법도 기존이랑 바뀌었는데

ElevatedButton를 예시로 들어보겠다.

child: Center(
	child: ElevatedButton(
		onPressed: () {}, #버튼 클릭 시 동작
		style: ElevatedButton.styleFrom( #엘베버튼 스타일
		shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)), # 버튼 라운딩처리
		foregroundColor: Colors.white, # 글자 색상
		backgroundColor: Colors.purple, # 버튼 색상
		minimumSize: const Size(250,50), # 버튼 크기
		),
		child: const Text(
			'asdfasdfasdf', # 버튼 텍스트 내용
			style:TextStyle(fontSize: 17), # 버튼 텍스트 크기
		),
	),
),

 

추가 기능

# 버튼 클릭 시 동작
onPressed: (){
print('cliiiiiiick');
},

# 버튼 길게 누르면 동작
onLongPress: (){
print('Lonnnnnnnnng');
},

# 버튼 비활성화
onpressd: null

 

참고함 : https://velog.io/@meibinlee/Flutter-Buttons-Elevated-Text-Outlined

 


 

728x90
반응형
728x90
반응형


vscode 환경 설정 - dart 설치, User setting(json)에 하기 설정 추가

    "dart.previewFlutterUiGuides": true,
    "editor.codeActionsOnSave": {
        "source.fixAll" : true
    }

 

vscode에서 에뮬레이터 사용

command + shift + p > emulator 입력 > 실행 // 시간이 오래걸린다.

 

 

에러 #1 

이미지 경로를 못찾음 > 해결함 > 이유모름(이유 : vscode가 ㅂㅅ이거나 Flutter가 qt이거나)

[해결한방법] 참고: https://www.youtube.com/watch?v=uEKCFma6BcA

 1. assets 폴더 만들고, 이미지 넣음

 2. pubspec.yaml에서 아래처럼 등록하고, assets 폴더 이름을 Images로 변경해줌, 그리고 images/quiz2.jpeg로 변경

[하기 내용으로 해결하려했으나, 해결안됨.]
1. android studio 종료
2. flutter clean # 플러터 설정 초기화
3. futter pub get # 플러터 설정 읽어오기

 

 

728x90
반응형
728x90
반응형

 


환경 : 맥북
순서
1. flutter 공홈 접속, 설치파일 다운로드, 설치 및 환경 변수 설정, flutter dockter 수행(환경 점검)
2. iOS, Android 개발환경 구축
- iOS의 경우 Xcode 를 apple store에서 다운받고
- Android의 경우 Android studio 받으면 됨

https://flutter-ko.dev/get-started/install/macos

(플러터 공홈) 접속 후 순서 따라서 설치

 

## 중요

flutter config 설정 초기화 방법은 ""를 해주면된다.

ex) flutter config --android-studio-dir "" // 안드로이드스튜디오 경로 설정해준거 초기화


iOS 관련 설정 정리

에러메시지#1

Xcode installation is incomplete; a full installation is necessary for iOS and macOS development.

app store에서 설치 직후, 터미널에서 하기 명령어 실행
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

에러메시지#2

CocoaPods not installed.

하기 가이드 따라서 설치

https://guides.cocoapods.org/using/getting-started.html#installation

https://2vup.com/mac-cocoapods-install-error/

 


Android studio 관련 설정 정리

export ANDROID_PATH=/Users/{유저이름}/Library/Android
export PATH=$PATH:$ANDROID_PATH/sdk/platform-tools
이후 adb 터미널 실행 시, 되면 환경설정 잘 된거다.

해당 방법을 선행해주고 flutter doctor을 하자

아래 명령어로 설정해주면 설정이 꼬인다.
flutter config --android-sdk ##SDK 기본 경로는 /Users/{유저이름}/Library/Android/SDK
flutter config --android-studio-dir ##안드로이드 스튜디오 맥북 설치 기본 경로는 /Users/{유저이름}/Library/Android

flutter 에러#1

cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.

 

flutter 에러#2

Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.

 

해당 에러는 flutter doctor --android-licenses로 해결해주는데

아래와 같이 디폴트 답변이 N라서 헷갈리지만, y로 라이센스 약관을 동의해주면된다.

 


 

 

 

 

728x90
반응형

+ Recent posts