안드로이드 스튜디오 (23) 썸네일형 리스트형 [안드로이드 스튜디오/flutter]Flutter 첫걸음: 위젯과 기본 구조 자세히 알아보기 Flutter로 앱 개발을 시작하면서 가장 먼저 접하게 되는 개념은 **위젯(Widget)**입니다. 이번 글에서는 Flutter의 기본 구조와 위젯의 역할을 하나씩 쉽게 풀어보겠습니다. 아래는 Flutter의 첫 앱 코드입니다.1. Flutter 코드 구조 살펴보기void main() { /// 플러터 앱을 실행한다. runApp( /// MaterialApp은 항상 최상위에 위치한다. /// scaffold는 바로 아래에 위치한다. MaterialApp( home: Scaffold( body: Center( child: Text( 'hello_world' ), ), ) ) );}2.. [안드로이드 스튜디오/flutter]flutter 프로젝트 생성 및 디바이스 설정 1. new flutter project 를 누르고 flutter SDK 설치경로를 넣어준 후 next 눌러줍니다.(설치 경로는 윈도우 검색창에 cmd 누르시고 flutter doctor -v 하면 설치 경로 나와 있습니다 그거 복붙해서 넣으시면 됩니다) 2. Project name은 Project location의 디렉토리 이름따라 가기 떄문에 디렉토리를 하나 새로 생성해주시고 그곳에 프로젝트를 생성해줍니다. 3. Android 나 iOS 만 사용할거기 떄문에 그 외의 사용 안하는 플랫폼들은 체크 해제를 눌러줍니다.(언어는 취향껏) 4.프로젝트 생성하면 아래 화면처럼 나올텐데, 왼쪽 우측 상단에 클릭 후 Project로 해놓으셔야 다 보입니다.main.dart 는 lib 아래에 있으며, 여기까지 하셨으.. [안드로이드 스튜디오/flutter]Windows flutter 설치 및 환경 설정 가이드 1. Git 설치하기Flutter 설치 전, Git을 먼저 설치해야 합니다.Git 공식 사이트에 접속합니다: https://git-scm.com/자신의 **운영체제(Windows, macOS, Linux)**에 맞는 설치 파일을 다운로드합니다.다운로드한 설치 파일을 실행하고 기본 설정대로 설치합니다.설치가 완료되면, 명령 프롬프트 또는 터미널을 열고 아래 명령어로 설치 확인: git --version정상적으로 설치되었다면 Git 버전 정보가 출력됩니다.2. Flutter SDK 설치하기Flutter SDK를 설치하여 Android 앱 개발 환경을 설정합니다.Flutter 공식 사이트에 접속합니다: https://flutter.dev/Download Flutter SDK 버튼을 클릭하여 Windows용 설.. Flutter & Android Studio 설치 및 설정 가이드 Flutter & Android Studio 설치 및 설정 가이드(MacOS M2)1. Flutter 설치Flutter SDK 다운로드:Flutter 공식 사이트에서 최신 버전의 Flutter SDK를 다운로드합니다.다운로드한 ZIP 파일을 원하는 디렉토리에 압축을 해제합니다. 예를 들어, ~/flutter 또는 ~/Desktop/flutter 같은 경로를 선택합니다.경로 설정:Flutter 명령어를 어디서든 사용할 수 있도록 PATH 환경 변수에 Flutter 경로를 추가합니다.터미널에서 다음 명령어로 .zshrc 파일을 엽니다:bash코드 복사nano ~/.zshrc.zshrc 파일에 다음 줄을 추가합니다:bash코드 복사export PATH="$PATH:/Users/your-username/flut.. [안드로이드 스튜디오]Retrofit2 라이브러리를 이용하여 메모 API 서버와 통신하기(1)화면 구성 https://rudtjr0906.tistory.com/128 [안드로이드 스튜디오]Retrofit2 라이브러리 사용을 위한 설정 방법(Gson 컨버터,OkHttp 로깅 인터셉터Retrofit이란?Retrofit은 Square에서 개발한 타입 안전한 HTTP 클라이언트로, REST API와의 상호작용을 단순화해준다. Retrofit을 사용하면 네트워크 요청을 쉽게 만들고 응답을 간단하게 처리할 수 있다. 또rudtjr0906.tistory.com위의 블로그를 참고하여 레트로핏 라이브러리 설치 후 진행 해주면 된다. 메모리스트,로그인,회원가입,메모 추가,메모 생성 화면을 만들도록 한다.맨 처음 화면을 로그인 화면으로 하고 이메일과 비밀번호를 받을 수 있도록 한다.회원 가입을 하지 않을 시 로그인 못하도록 .. [안드로이드 스튜디오]Retrofit2 라이브러리 사용을 위한 설정 방법(Gson 컨버터,OkHttp 로깅 인터셉터) Retrofit이란?Retrofit은 Square에서 개발한 타입 안전한 HTTP 클라이언트로, REST API와의 상호작용을 단순화해준다. Retrofit을 사용하면 네트워크 요청을 쉽게 만들고 응답을 간단하게 처리할 수 있다. 또한, Gson과 같은 JSON 파서와 쉽게 통합할 수 있어 데이터 모델링도 편리하다. 1. Retrofitimplementation("com.squareup.retrofit2:retrofit:2.11.0")Retrofit은 HTTP 클라이언트 라이브러리로, RESTful 웹 서비스와의 상호작용을 매우 쉽게 만들어준다. Retrofit을 사용하면 간단하게 API 인터페이스를 정의하고 네트워크 요청을 관리할 수 있다.2. Gson 컨버터implementation("com.squa.. [안드로이드 스튜디오]유튜브API 이용하여 앱에 검색결과 출력하기 https://rudtjr0906.tistory.com/126유튜브 API 사용 방법 및 키 값 사용 방법을 먼저 참고하고 포스팅을 보기 바란다. [안드로이드 스튜디오]유튜브 API를 postman으로 활용하여 불러오기먼저 여기로 들어가서 YouTube Data API 개요를 살펴본다.https://developers.google.com/youtube/v3/getting-started?hl=ko YouTube Data API 개요 | Google for Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다.rudtjr0906.tistory.com기능설계검색어를 입력하고 검색(돋보기) 버튼을 누르면 유튜브에서 검색 결과를 뷰에 표시한다.썸네일을 누르면 썸네일의 큰 .. [안드로이드 스튜디오]유튜브 API를 postman으로 활용하여 불러오기 먼저 여기로 들어가서 YouTube Data API 개요를 살펴본다.https://developers.google.com/youtube/v3/getting-started?hl=ko YouTube Data API 개요 | Google for Developers이 페이지는 Cloud Translation API를 통해 번역되었습니다. YouTube Data API 개요 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 소개 이 문서는 YouTube와 상호작용하developers.google.com 빨간 네모칸 클릭구글 드라이브 들어가서 YouTube Data 검색 후 사용 클릭그다음 빨간 네모 순서대로 들어가기.구글 클라우드 -> 사용자 인증 정보 ->사용자 인증 정보 만.. 이전 1 2 3 다음
