엄코딩의 개발 일지

전체 글

엄코딩의 개발 일지

2019. 9. 23.

플렉스박스( flex box )란? CSS에 유연한 박스 레이아웃 모델이 소개되기 전에는 레이아웃을 만들 때 에러를 유발할 것 같은 해킹스러운 다양한 방법이 존재했다. 플렉스 박스는 레이아웃이 동작하도록 만들기 위해 일반적으로 제공해야 하는 많은 프로퍼티를 추상화하여 이를 개선했다. 플렉스 박스는 이름에서 볼 수 있듯이 유연한 박스 모델이다. 컨테이너 역할을 하는 박스가 있으며 박스 내에는 자식 요소들이 있다. ( 이 부분만 놓고 보자면 안드로이드 상에서 LinearLayout이 생각났는데 선형 레이아웃보다는 flex라는 이름에서 더 유연할 것이라는 생각을 해볼 수 있다. ) 플렉스박스 개념에 대한 상세정보는 링크를 통해 확인할 수 있다. 플렉스 박스 styles.js 정의 간단한 예제를 통해 플렉스박스..

컴포넌트 프로퍼티와 상태 파헤치기

2019. 9. 20.

컴포넌트 상태란? 컴포넌트 상태에 대한 설명은 다음 질문으로 부터 시작된다. JSX에서 자바스크립트 컬렉션을 요소에 매핑하는 태그를 선언했다면 이 컬렉션은 어떻게 채워질까? 상태는 리액트의 동적인 부분이다. 이는 컴포넌트의 초기 상태를 선언하고 시간이 지남에 따라 계속 변한다는 것을 의미한다. 초기 상태를 가진 컴포넌트가 빈 배열을 렌더링한다고 가정했을 때, 나중에 이 배열이 채워질 수 있다. 이를 상태 변화라고 하며 컴포넌트의 상태가 변할 때마다 자동으로 렌더링된다. 컴포넌트 프로퍼티란? 프로퍼티는 데이터를 컴포넌트로 전달하기 위해 사용된다. 새로운 상태가 인수 값인 메서드를 호출하는 대신, 오직 컴포넌트가 렌더링될 때만 전달된다. 즉 JSX 요소에 프로퍼티 값을 전달한다. 즉, 프로퍼티는 JSX 컨텍..

난생처음 React를 접하다.

2019. 9. 19.

안녕하세요. 안드로이드 개발 2년차가 되어가는 엄선오라고합니다. 이번에 처음으로 리엑트 공부를 시작하게되었습니다. 매번 Java,Kotlin 언어로만 프로그래밍하다가 새로운 언어와 플랫폼으로 개발하다보니 정말 기본적인 부분부터 막막했습니다. 그래서 이렇게 포스팅을 하게 되었습니다. ( 정말 처음 시작하는 입문자 분들을 위한 포스팅입니다. ) 환경 설정 우선 NodeJs를 최신버전으로 세팅했습니다. 그리고 사용하시는 IDE 저의 경우에는 Visual Sturio Code를 열고, 새로운 WorkPlace를 설정해주었습니다. React 시작하기 그리고 터미널을 열고 다음 명령어를 입력합니다. $ npm install -g create-react-app $ create-react-app my-app 그럼 위 ..

[코틀린] 지연 계산(lazy) 컬렉션 연산을 통한 속도 개선

2019. 8. 6.

이번 포스팅에서는 시퀀스(sequence) 연산을 통한 속도 개선에 대해 정리해보겠습니다. 본글은 Kotlin In Action을 보며 학습 내용을 정리한 글입니다. 지연 개발 (lazy) 컬렉션 연산 map이나 flilter 같은 함수는 결과 컬렉션을 즉시 생성합니다. 이는 컬렉션 함수를 연쇄하면 매 단계마다 계산 중간 결과를 새로운 컬렉션에 임시로 담는것입니다. 시퀀스(sequence)를 사용하면 중간 임시 컬렉션을 사용하지 않고도 컬렉션 연산을 할 수 있습니다. val p1 = Person(28,"seonoh") val p2 = Person(28,"bitna") val p3 = Person(26,"seongyu") val p4 = Person(3,"daon") val pList = listOf(p1..

안드로이드 Kotlin Coroutines runBlocking, coroutineScope 차이

2019. 7. 26.

사내 업무량을 어느 정도 마치고, 오랜만에 다시 코루틴 학습을 시작했습니다. 역시 복습하니 다시 모르는게 보였습니다. 그래서 정리의 필요성을 느끼고 포스팅을 시작했습니다. 코루틴에 대해서 처음부터 학습하실 분들은 저의 이전 포스팅들이나 구글 Document를 보시는 것을 추천드립니다. //CoroutineScope는 runBlocking 내부에서만 사용 가능 //runBlocking, coroutineScope 차이점 //coroutineScope에서는 자식 스레드가 완료될 때 까지 현재 스레드를 block 하지 않는다. //runBlocking에서는 자식 스레드가 완료될 때 까지 현재 스레드를 block 한다. fun main() = runBlocking { // this: CoroutineScope ..

Android 8.0 Only fullscreen opaque activities can request orientation error

2019. 7. 19.

문제 상황 어제 기분 좋게 7마켓에 모두 빌드를 올리고, 오전에 모든 마켓에서 release 되었습니다. 하지만... Fabric에 처음 보는 에러가 날라왔습니다.(긴장..) 에러 문구 Only fullscreen opaque activities can request orientation 해결 방법 문제 상황을 인지하고, 구글링을 시도했습니다. 제일 먼저 눈에 띄었던 박상권님의 블로그를 보며 이해할 수 있었습니다. ( 상권님의 에러 대응 방법도 배우게되었습니다. 감사합니다. 에러는 투명한 Activity를 만들기 위해 style에서 사용한 windowIsTranslucent 때문에 발생합니다. 저도 안드로이드 8.0 ( Oreo ) API 26 SDK에서 코드를 봤습니다. ( 사실 이렇게 구글 SDK 코..

Lorg/apache/http/params/BasicHttpParam error

2019. 7. 19.

문제 상황 프로젝트에서 SNS 연동 로그인을 사용중입니다. 그중에서도 Weibo 연동 로그인 버튼 클릭시 나타난 에러입니다. 에러가 발생한 기기는 Android 9, API 28 이었습니다. 에러 문구 -> NoClassDefFoundError: Failed resolution of: Lorg/apache/http/params/BasicHttpParam 해결방법 Android 6.0에서는 Apache HTTP 클라이언트에 대한 지원이 제거되었습니다. Android 9 부터는 이 라이브러리가 bootclasspath에서 제거되고 기본적으로 앱에서 사용할 수 없습니다. 즉 기본적으로 제공하고 있던 기능이었는데 Android 9에서는 제공하지 않기 때문에 에러가 발생했다는 걸 알 수 있습니다. 이 문제를 해결..

Android Mockito를 사용한 유닛 테스트 코드 작성

2019. 7. 12.

Mockito를 이용한 UI 테스트 코드 Mockito는 유닛 테스트를위한 Java mocking framework 입니다. Mockito를 사용하여 쉽게 Mock Object를 만들어 관리할 수 있습니다. Mock에 대한 개념은 아래 링크에서 자세하게 설명하고 있습니다. Mock Object Mock Object란 무엇인가? - Yoo Young-mo - Medium 다른 누군가로부터 휴대 전화 서비스(CellphoneService) 기능을 제공 받아 이를 사용한 휴대 전화 문자 발신기(CellphoneMmsSender)를 프로그래밍 한다고 생각해 보자. medium.com 이 포스팅의 목적 제가 제일 처음 안드로이드 유닛 테스트 예제 코드를 작성하는 것 부터 이번 포스팅까지, 테스트를 접해보지 못하신..

Android Espresso를 사용한 UI 테스트 예제 코드 작성

2019. 7. 11.

UI 테스트 코드를 작성하게된 이유 유닛테스트와 마찬가지로 수동으로 테스트하게 되면, 인력 소모와 테스트의 효율성, 안정성을 보장하기 어렵습니다. 그리고 최근에는 모바일앱이 점점 거대해지고, 복잡해지면서 각각의 기능을 분리하여 개발하게 되고, 모듈화된 feature들을 merge하는 경우가 많습니다. 이에 효율적인 테스트 코드 작성이 가능해진다면 복잡한 앱이라도 더 쉬운 테스트, 효율적인 테스트가 가능할 것입니다. 이 포스팅의 목적 이번 포스팅은 이전 포스팅인 유닛테스트 ( https://eso0609.tistory.com/77 ) 와 다르게 UI 테스트를 목적으로 작성했습니다. 구글링을 통해서 학습하고, 정리한 내용은 Kotlin으로 작성해 보았습니다. 예제 코드는 간단하게 이름, 아이디, 비밀번호를 ..

Android JUnit을 사용한 로컬 유닛 테스트 예제 코드 작성

2019. 7. 10.

유닛테스트 코드를 작성한 이유 앱을 개발하다보면 코드가 예상대로 실행이 되는지 테스트가 필요합니다. 하지만 매번 수동으로 테스트하게 되면 인력 소모도 심하고, 수동으로 하다보니 매번 정확하지 않은 테스트가 수행될 수 있어 안정성이 떨어질 수 있습니다. 만약 자동화 테스트를 진행하게 된다면 인력 소모를 줄일 수 있고, 보다 정교하고 안정적인 테스트를 진행할 수 있다고 생각했습니다. 이 포스팅의 목적 이번 포스팅은 로컬 JVM 에서 실행할 수 있는 유닛 테스트 코드 작성입니다. 구글링한 자료를 바탕으로 Kotlin 언어로 작성해 보았습니다. 우선 위 이미지에서 테스트 환경 프로젝트 구조를 볼 수 있습니다. ( 샘플 예제 코드와는 관련이 없습니다. ) ~androidTest/java/com.example.an..

Android testing codelab ModuleComponentIdentifierImpl error

2019. 7. 10.

안드로이드 유닛 테스트 학습을 위해 https://codelabs.developers.google.com/codelabs/android-testing/#4 에서 샘플 프로젝트를 다운받았습니다. 그리고 안드로이드 스튜디오에서 실행한 결과... 시작하자마 Failed to notify build listener 에러가 떴습니다. 자세한 로그 Cause: org.jetbrains.plugins.gradle.tooling.util.ModuleComponentIdentifierImpl.getModuleIdentifier()Lorg/gradle/api/artifacts/ModuleIdentifie 열심히 구글링을 해보았는데, 모든 답변들이 gradle 버전 문제였습니다. 그래서 gradle plugin 버전을 올렸..

안드로이드 Kotlin Coroutines 정리 Part 3

2019. 4. 2.

Channels ( experimental ) 지연된 값은 코루틴간에 단일 값을 전송하는 편리한 방법을 제공합니다. Channels는 값의 흐름을 전송하는 방법을 제공합니다. Channels are an experimental feature of kotlinx.coroutines. Their API is expected to evolve in the upcoming updates of the kotlinx.coroutines library with potentially breaking changes. Channel basics Channel 은 개념적으로 BlockingQueue 와 매우 유사합니다. 한가지 중요한 차이점은 blocking put 연산 대신에 suspending send, 그리고 bloc..

엄코딩의 개발 일지

전체 글

플렉스박스는 새로운 레이아웃 표준이다

컴포넌트 프로퍼티와 상태 파헤치기

난생처음 React를 접하다.

[코틀린] 지연 계산(lazy) 컬렉션 연산을 통한 속도 개선

안드로이드 Kotlin Coroutines runBlocking, coroutineScope 차이

Android 8.0 Only fullscreen opaque activities can request orientation error

Lorg/apache/http/params/BasicHttpParam error

Android Mockito를 사용한 유닛 테스트 코드 작성

Android Espresso를 사용한 UI 테스트 예제 코드 작성

Android JUnit을 사용한 로컬 유닛 테스트 예제 코드 작성

Android testing codelab ModuleComponentIdentifierImpl error

안드로이드 Kotlin Coroutines 정리 Part 3

티스토리툴바