앱개발
-
[Flutter/플러터] flutter_lints 알아보기 - 이쁜 코드 만들기앱개발 2022. 2. 23. 01:58
Formatter & Linter Formatter: 코드 작성의 구조적 규칙 (Style이라고 부름. 띄어쓰기, 탭 사용, 항상 comma 사용 등등)을 설정해놓은 값에 따라 자동적으로 바꿔줌 → javascript에서는 prettier Linter: 소스 코드를 전체적으로 분석하여 예상되는 논리적 오류, 버그를 검사하고 가능한 경우 자동으로 오류를 수정함. + 포맷터의 역할까지 수행 → javascript에서는 eslint 👍 플러터 코드를 자동으로 이쁘게 포맷하기 아래의 링크 참조 Code formatting 👍 플러터 코드에서 자동으로 수정 가능한 오류 고치기 아래의 링크 참조 Flutter Fix lints 패키지와 flutter_lints 패키지 2주차에 언급했듯이 Flutter는 언어가 아니..
-
[Flutter] Flutter 쉽게 코딩하기 - flutter_hooks앱개발 2019. 9. 19. 14:51
Flutter Hooks: https://github.com/rrousselGit/flutter_hooks Flutter Hooks는 React의 Hooks와 이를 분석한 미디엄 글을 보고 영감을 받아 flutter에 맞도록 hook 을 구현한 패키지이다. Stateful과 Stateless 를 구분할 필요 없이 하나의 HookWidget으로 모든 위젯을 표현할 수 있도록 도와주며, 위젯 lifecycle 및 로컬 state 관리와 관련하여 다양한 편의성을 제공한다. 본 글에서는 간단하게 flutter_hooks 패키지를 사용하는 법을 살펴보도록 한다. 설치하기 패키지 설치는 여타 다른 패키지나 플러그인 설치와 동일하다. 실제 앱의 위젯을 구성하는데 사용될 위젯 패키지 이므로 pubspec.yaml의 d..
-
[React Native] 설치 및 기본 실행앱개발/안드로이드 앱 개발 2018. 5. 18. 04:02
React Native 설치 및 기본 설정본 문서의 모든 내용은 MacOS에서 수행된 내용이다. Windows 환경이나 기타 *nix (Unix, Linux 계열) 환경은 홈페이지를 참조하기 바란다.설치설치는 간단하다. 필자는 npm 을 사용해서 설치하였다. xxxxxxxxxxnpm install -g create-react-native-app위의 명령이 끝이다. 반드시 -g 옵션을 통해 글로벌로 설치하여, 항상 커맨드 라인에서 사용할 수 있도록 하는 것을 주의하자. 또한, npm 패키지들의 설치 경로가 path 에 포함이 되어있어야 함은 기본이다. 이후에는 설치한 툴을 실행하면 간단하게 기본 프로젝트를 생성할 수 있다. xxxxxxxxxxcreate-react-native-app FirstReactNa..
-
[안드로이드] Thread and parallelism - 1앱개발/안드로이드 앱 개발 2018. 4. 3. 23:11
Thread-and-parallelism.md Udacity Android Basics: Networking - Threads & Parallelism 발췌Thread and parallelism - 1안드로이드에서도 당연히 쓰레드를 지원한다. 기본적으로 메인 쓰레드 하나에서만 동작을 하고 있지만 원하는 경우 언제든지 백그라운드 쓰레드를 추가하여 메인 쓰레드와 비동기적으로 다른 작업을 수행하도록 만들 수 있다. 보통 네트워크 작업이나 데이터베이스 저장 작업과 같이 UI와 관련 없는 일들을 백그라운드 쓰레드로 작업한다. 쓰레드에 관한 자세한 내용은 이 문서 를 참조하자. 네트워크 작업은 백그라운드에서 수행하자이 github 리포지토리의 starting-point 브랜치를 다운로드 한뒤 안드로이드 스튜디오를..
-
[안드로이드] 안드로이드에서 HTTP 연결하고 데이터 처리하기앱개발/안드로이드 앱 개발 2018. 3. 30. 12:21
안드로이드-http-연결을-통해-데이터-받아오기.md 안드로이드 http 연결을 통해 데이터 받아오기안드로이드에서는 String 에 저장된 url 주소를 통해 http/https 네트워크 통신으로 데이터를 쉽게 가져올 수 있는 api를 제공한다. String에 저장된 주소를 통해 실제 http 연결을 수행하기 위해서는 URL 클래스를 사용하고, 실제 네트워크 통신을 수행하기 위해서는 HttpURLConnection 클래스를 사용한다. 연결된 네트워크에서 데이터를 받아와 처리하는데에는 InputStream 및 InputStreamReader를 사용한다. 두 클래스를 통해 받아온 데이터는 바이너리 데이터로 Human readable 하지 않다. 이를 human readable한 데이터 혹은 JSON 오브젝트..
-
안드로이드 앱 개발 관련 참고사이트앱개발/안드로이드 앱 개발 2018. 2. 13. 00:51
Udaycity 안드로이드 개발 코스 https://www.udacity.com/courses/android Android basics 시리즈 - Android basics: User Interface- Android basics: User Input- Android basics: Multiscreen Apps- Android Basics: networking- Android basics: data storage 인증 및 데이터 관리Firebase in a Weekend 중급 강의Developing Android Apps 고급 강의Advanced Android App Development 디자인 강의Material Desing for Android DevelopersUX Design for Mobile ..
-
[도전과제] 도전과제 2. 글자 수를 표시하는 SMS 입력 화면앱개발/안드로이드 앱 개발 2016. 10. 2. 01:00
도전과제 2. 글자 수를 표시하는 SMS 입력 화면 Do it! 안드로이드 앱 프로그래밍(정재곤) 참조 미션: 화면의 위쪽에 텍스트 입력상자, 아래쪽에 [전송]과 [닫기] 버튼을 수평으로 배치하세요. 현재 사용하고 있는 핸드폰들의 문자 화면이 아닌, 예전 핸드폰들의 화면을 생각하면 이해하기 쉽다. 아래가 최종 결과 화면 샘플이다. 추가 조건 입력된 문자 갯수 표시하기 [해설]전송 버튼 클릭시 입력 받은 내용을 화면에 토스트(Toast)로 표시하기 [해설]종료 버튼 클릭시 앱 종료 [해설]두 개의 버튼을 수평으로 배치하기 [해설]글자 수 제한은 80자 [해설]한 줄에 한글 8글자가 들어가도록 사이즈 조절 [해설]코드는 역시나 Github에서 확인가능. 레이아웃 선택하고 뷰 배치하기도전과제 1에서 소개한 이..
-
TextView(텍스트뷰)와 EditText(입력상자)의 다른 기능들앱개발/안드로이드 앱 개발 2016. 10. 1. 02:04
Do it! 안드로이드 앱 프로그래밍 텍스트뷰(TextView)와 입력상자(EditText)의 다른 기능들앞선 블로깅들에서 소개한 속성들 외에 각각의 위젯이나 뷰가 가지는 속성은 매우 다양하다. 보통 대부분의 위젯들은 TextView(텍스트뷰)와 EditText(입력상자)의 속성을 그대로 사용하는 경우가 많으므로 이번 글에서는 TextView와 EditText 위젯에서 사용되는 좀 더 다양한 속성들을 소개하려고 한다. 예제 코드는 Github에서 확인할 수 있다. 커서커서는 이름 그대로 혹은 다른 언어에서 사용되듯이 현재 데이터를 처리하고 있는 위치를 가리키는 말이다. 특히 문자열을 다루는 TextView와 EditView에서는 중요한 기능이다. EditView의 입력상자에서 커서가 깜빡이는 곳이 현재 ..