본문 바로가기

분류 전체보기112

[Flutter/Android 오류] R8 - missing_rules 1. 오류 내용 ERROR: Missing classes detected while running R8. Please add the missing classes or apply additional keep rules that are generated in ~/build/app/outputs/mapping/release/missing_rules.txt. R8이라는 Andorid 앱 최적화 과정에서 클래스가 누락되어 발생하는 오류이다. ERROR: R8: Missing class com.google.android.gms.safetynet.SafetyNet (referenced from: void com.google.firebase.appcheck.safetynet.internal.SafetyNetAppChe.. 2024. 1. 20.
[Flutter/플러터] 앱개발 환경설정 - Flutter 설치(Windows OS) 3. Windows OS 환경 3-1. VScode 설치 1). 홈페이지에 접속하여 '다운로드' 버튼을 눌러 프로그램을 다운로드 한다.(24.1.1일 기준, 1.85.1버전) 2). 다운로드 폴더에 들어가서 .exe 파일을 실행시킨다. 3). 위 그림과 같이 순서대로 설치하면 된다. 4). 설치완료 후 바탕화면에 VScode 아이콘이 생성된다. 3-2. Flutter 설치 1). VScode 왼쪽 탭에서 'Extension' 버튼을 클릭한다. 2). 'flutter'를 검색한다. 3). 하단에 검색 된 항목들이 보이는데, 'flutter'를 클릭한다. 4). 오른쪽에 파란색 'install' 버튼을 클릭한다.(이때 Dart도 같이 설치된다.) 5). 'Shift' + 'Ctrl(Control)' + 'P.. 2024. 1. 17.
[Flutter/플러터] 앱개발 환경설정 - Flutter 설치(Mac OS) 1. Flutter 설치 방법환경설정은 Flutter 공식 홈페이지 권장 방법을 따른다.Flutter 팀에서는 Visual Studio Code 1.75 이상과 VS Code용 Flutter 확장 프로그램을 설치할 것을 권장합니다.이 조합을 사용하면 Flutter SDK 설치가 단순화됩니다. - Flutter 공식 홈페이지  여기서 VScode(Visual Studio Code)는 Microsoft에서 개발한 통합 개발 환경(IDE)이다.(IDE가 궁금한 사람을 위해 하단에 설명을 추가했다.) 앱 개발을 위해서는 Windows, Mac OS 모두 IDE가 필요하다. 따라서, Flutter 설치 순서는 다음과 같다.1). IDE인 VScode(Visual Studio Code)를 설치2). Flutter .. 2024. 1. 2.
2. 디자인 - 프로토타입 2. 디자인 - 앱의 기본 UI 2. 디자인 - 앱의 기본 UI 1. 기획 1. 기획 실제 개발을 해보니 가장 중요한게 기획이었다. 기획 과정에서 문제를 명확하게 정의하고 앱을 만들어야 나중에 고생을 덜 한다. (전문적으로 기획을 해본건 아니기 때문에, 실제 work-master.tistory.com 2-2. 프로토타입 프로토타입은 앱 개발 과정에서 핵심적인 역할을 담당한다. 이는 디자인이나 사용자 경험에 대한 이해를 시각적으로 확인하는 동시에, 개발팀과 의사소통을 원활히 하고 문제를 조기에 발견하는 데 도움이 된다. 2-2-1. 프로토타입의 중요성 디자인 개선 및 피드백 수용 프로토타입을 통해 사용자가 앱과 상호 작용하는 방식을 시뮬레이션할 수 있음 이를 통해 디자인 결정을 내리기 전에 사용자 피드백을.. 2024. 1. 1.
[Flutter/플러터] 앱개발 환경설정 - 시스템 요구사항 Flutter 공식 홈페이지에서 요구하는 Flutter 시스템 요구사항은 아래와 같다. 중요한 내용만 요약했으며, 핵심만 알고싶은 사람은 4번을 보면 된다. 1. Mac OS 시스템 요구 사항 1-1. Mac OS 하드웨어 요구 사항 요구 사항 최소 사양 권장 사항 x86_64 CPU 코어 4 8 메모리(GB) 8 16 디스플레이 해상도(픽셀) WXGA(1366x768) FHD(1920x1080) 사용 가능한 디스크 공간(GB) 36 56 1-2. Mac OS 소프트웨어 요구사항 운영 체제 macOS 10.14(Mojave) 이상 Apple Silicon Mac(M 시리즈)에 설치할 때 Rosetta 번역 환경을 설치(일부 구성요소에는 Rosetta 필요) sudo softwareupdate --ins.. 2023. 12. 31.
플러터(Flutter) 소개 시작하기에 앞서 플러터에 대한 소개를 하고자 한다. 공식 홈페이지를 참고하여 적어보았다. 1. 플러터란? 플러터(Flutter)는 구글에서 개발한 오픈 소스 UI 소프트웨어 개발 프레임워크로, 하나의 코드베이스에서 안드로이드와 iOS를 동시에 지원하는 혁신적인 기술이다. Dart 언어를 사용하여 빠르고 효율적인 모바일 앱 개발을 위한 도구를 제공한다. 다양한 플랫폼에서 일관된 사용자 경험을 제공하는 것이 주요 목표로, 높은 생산성과 화려한 UI를 구현할 수 있다. 2. 플러터의 특징 2.1 하나의 코드베이스로 모바일 어플리케이션 개발 플러터는 공통된 코드베이스를 기반으로 안드로이드와 iOS 어플리케이션을 개발할 수 있다. 이는 개발자에게 더 빠르고 효율적인 개발 환경을 제공하며, 코드를 하나만 유지보수하.. 2023. 12. 29.
테크포임팩트 커넥트데이 12월 19일 테크포임팩트 행사에 참여했다. 테크포임팩트 커넥트데이 행사는 카카오임팩트에서 주최한 행사이다. '카카오임펙트는 기술과 플랫폼으로 가치있는 변화를 만드는 카카오의 기업재단'이라고 한다. 대대적으로 홍보하는 행사는 아닌 것 같았는데, 운좋게 참여하게 되었다. 판교역에서 행사장까지 셔틀을 준비해주었다. 1부. 테크포임팩트 소개 및 사례 공유 (18:00~19:30) 김범수 대표의 소개로 시작했다. 김범수 대표 외 몇명의 초기 동료들이 사회적으로 도움이 되는 일을 고민하다가 직접 활동중인 사회혁신가들을 돕는 방향으로 의견을 모았고, 그것이 테크포임팩트의 시작이었다고 한다. 그래서 사회활동가들이 자금난으로 인해 꿈을 포기하지 않도록 금전적인 지원을 하고, 사회활동가와 기술 사이의 다리가 되어줄 기술.. 2023. 12. 28.
MODUCON 2023, 모두콘 - 2부 점심 맛있게 먹고 잠깐 돌아다녀봤다. 외국인들도 많이 놀러오더라. 6. 창작과 생산을 위한 AI 도구 : CLOVA for writing - 강재욱 네이버 블로그에 새로 추가된 'AI 글쓰기 도구'의 개발 과정에 대해 설명했다. 글쓰기 워크 플로우(일반적으로): 글감 수집 -> 초안 작성 -> 초안 편집 -> 해시태그/제목 등으로 마무리 Demo 시연 AI 글쓰기 버튼이 있음 내가 그동안 올린 글들로 글쓰는 스타일을 분석함 글목적을 입력하면 글감을 추천해줌 나오는 글감들이 일부 부정확할 수는 있지만, 브레인스토밍 과정으로 생각하고 시용 가능 글감들을 선택하면 글을 써주기 시작함 바로 사용하지는 말고 편집을 해야하는데, 이어쓰기, 요약하기, 바꿔쓰기 등의 추가 기능이 있음 해시태그도 생성해줌 여기까지 쓴 .. 2023. 12. 27.
MODUCON 2023, 모두콘 - 1부 12월 8일 모두의연구소에서 주최한 모두콘에 참여했다. 내용이 많아 1, 2부로 나눠서 글을 작성했다. 인트로 모두의 연구소는 오름클래스, 랩, 풀잎스쿨, 페이퍼샵 등 연구나 스터디를 원하는 사람들이 함께 할 수 있도록 여러가지를 지원해주는 곳이다. 그 중에서 '랩'은 랩짱이 팀원들을 모아서 그룹으로 운영되는데, 혹시나 관심분야의 모임이 올라올까 유심히 보고있기도 하다. 그러던 중 2023 모두콘 소식을 듣게되었다. 행사는 5가지 세션(AI Insight, AI+X, AI Reserch, MODULABS, Startup Woman Fighter)으로 구성되어 있었다. 각 세션별로 동시에 진행되기 때문에 관심있는 주제를 골라서 들을 수 있었다. 공개된 세션의 퀄리티를 보니 무조건 가야겠다고 생각했다. 행사.. 2023. 12. 24.
2. 디자인 - 앱의 기본 UI 1. 기획 1. 기획 실제 개발을 해보니 가장 중요한게 기획이었다. 기획 과정에서 문제를 명확하게 정의하고 앱을 만들어야 나중에 고생을 덜 한다. (전문적으로 기획을 해본건 아니기 때문에, 실제 기획자들이 하 work-master.tistory.com 디자인 단계는 기획에서 정리한 내용들을 실제 유저에게 앱으로 어떻게 보여주는게 좋을지 고민하는 단계이다. 2-1. 앱의 기본 UI 앱의 기본 UI(User Interface)를 설명하자면, 1). 메인 화면 앱을 실행하면 사용자가 처음 보게 되는 화면 주로 앱의 로고, 제목, 또는 간단한 환영 메시지를 포함 2). 네비게이션 바(Navigation Bar) 화면 상단이나 하단에 위치하며, 앱의 다양한 섹션으로 이동하는데 사용됨 주로 홈 버튼, 탐색 버튼 등.. 2023. 12. 18.
반응형

티스토리툴바