1. Build APK 실행시 오류 발생

Error:Execution failed for task ':app:transformClassesWithDexForDebug'.

> com.android.build.api.transform.TransformException: com.android.ide.common.process.ProcessException: java.util.concurrent.ExecutionException: com.android.dex.DexException: Multiple dex files define Landroid/support/v13/view/DragAndDropPermissionsCompat;



2. 폭풍 검색

3. Android Studio에서 Terminal 창을 연다(보통 하단에 있음!)

4. 명령어 실행

gradlew app:dependencies


5. 뭔가 버전 충돌이 나는 곳을 찾는다!

+--- com.android.support:appcompat-v7:27.1.1
|    +--- com.android.support:support-annotations:27.1.1
|    +--- com.android.support:support-core-utils:27.1.1
|    |    +--- com.android.support:support-annotations:27.1.1
|    |    \--- com.android.support:support-compat:27.1.1
|    |         +--- com.android.support:support-annotations:27.1.1
|    |         \--- android.arch.lifecycle:runtime:1.1.0
|    |              +--- android.arch.lifecycle:common:1.1.0
|    |              \--- android.arch.core:common:1.1.0
|    +--- com.android.support:support-fragment:27.1.1
|    |    +--- com.android.support:support-compat:27.1.1 (*)
|    |    +--- com.android.support:support-core-ui:27.1.1
|    |    |    +--- com.android.support:support-annotations:27.1.1
|    |    |    +--- com.android.support:support-compat:27.1.1 (*)
|    |    |    \--- com.android.support:support-core-utils:27.1.1 (*)
|    |    +--- com.android.support:support-core-utils:27.1.1 (*)
|    |    +--- com.android.support:support-annotations:27.1.1
|    |    +--- android.arch.lifecycle:livedata-core:1.1.0
|    |    |    +--- android.arch.lifecycle:common:1.1.0
|    |    |    +--- android.arch.core:common:1.1.0
|    |    |    \--- android.arch.core:runtime:1.1.0
|    |    |         \--- android.arch.core:common:1.1.0
|    |    \--- android.arch.lifecycle:viewmodel:1.1.0
|    +--- com.android.support:support-vector-drawable:27.1.1
|    |    +--- com.android.support:support-annotations:27.1.1
|    |    \--- com.android.support:support-compat:27.1.1 (*)
|    \--- com.android.support:animated-vector-drawable:27.1.1
|         +--- com.android.support:support-vector-drawable:27.1.1 (*)
|         \--- com.android.support:support-core-ui:27.1.1 (*)
+--- com.android.support:design:27.1.1
|    +--- com.android.support:support-v4:27.1.1
|    |    +--- com.android.support:support-compat:27.1.1 (*)
|    |    +--- com.android.support:support-media-compat:27.1.1
|    |    |    +--- com.android.support:support-annotations:27.1.1
|    |    |    \--- com.android.support:support-compat:27.1.1 (*)
|    |    +--- com.android.support:support-core-utils:27.1.1 (*)
|    |    +--- com.android.support:support-core-ui:27.1.1 (*)
|    |    \--- com.android.support:support-fragment:27.1.1 (*)
|    +--- com.android.support:appcompat-v7:27.1.1 (*)
|    +--- com.android.support:recyclerview-v7:27.1.1
|    |    +--- com.android.support:support-annotations:27.1.1
|    |    +--- com.android.support:support-compat:27.1.1 (*)
|    |    \--- com.android.support:support-core-ui:27.1.1 (*)
|    \--- com.android.support:transition:27.1.1
|         +--- com.android.support:support-annotations:27.1.1
|         \--- com.android.support:support-compat:27.1.1 (*)
+--- com.android.support:support-emoji:27.1.1
|    \--- com.android.support:support-compat:27.1.1 (*)
+--- com.github.rey5137:material:1.2.4
|    +--- com.android.support:cardview-v7:23.4.0
|    +--- com.android.support:appcompat-v7:23.4.0 -> 27.1.1 (*)
|    \--- com.android.support:recyclerview-v7:23.4.0 -> 27.1.1 (*)
+--- com.afollestad.material-dialogs:core:0.9.4.3
|    +--- com.android.support:support-v13:25.3.1
|    |    +--- com.android.support:support-annotations:25.3.1 -> 27.1.1
|    |    \--- com.android.support:support-v4:25.3.1 -> 27.1.1 (*)
|    +--- com.android.support:appcompat-v7:25.3.1 -> 27.1.1 (*)
|    +--- com.android.support:recyclerview-v7:25.3.1 -> 27.1.1 (*)
|    +--- com.android.support:support-annotations:25.3.1 -> 27.1.1
|    \--- me.zhanghai.android.materialprogressbar:library:1.4.0
|         +--- com.android.support:appcompat-v7:25.3.1 -> 27.1.1 (*)
|         \--- com.android.support:support-annotations:25.3.1 -> 27.1.1
...후략


6.  이곳이 문제가 아닐까 짐작을 해본다.


7. 이렇게 해당 모듈을 제외하고 컴파일 할 수 있도록 build.gradle 파일을 수정한다.

dependencies {
    ....
    compile ('com.afollestad.material-dialogs:core:0.9.4.3') {
        exclude module: 'support-v13'
    }
}


8. Build APK 해보니, 된다!

블로그 관리자 페이지 (http://블로그.tistory.com/manage 로 접속 가능하죠?) 에서

스킨 편집, html 편집 버튼, CSS 버튼을 눌러 코드 수정 페이지로 들어갑니다


1. 꾸미기 - 스킨 편집


2. html 편집




3. CSS 버튼


4. 위에서처럼, 폰트 URL을 Import 하고, font family를 변경합니다.

제 블로그 같은 경우는, 나눔 고딕으로 설정했어요.


폰트는 아래 사이트에서 제공합니다.

https://fonts.google.com/


@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
textarea { font-size: 14px; font-family:'Nanum Gothic'; line-height: 100%; }


5. 완료!


- 참고 링크

티스토리 스킨 #1, 폰트(글자체) 변경하기


1. SyntaxHighlighter

http://combook.kr/30 - 티스토리 블로그에 간단하게 소스코드 입력하기

http://ssppmm.tistory.com/3387 - SyntaxHighlighter 코드 자동 생성기를 통한 코드 넣기

http://november11tech.tistory.com/88 - [Tistory] 티스토리 소스코드 플러그인 사용 (업로드 없이 간편)


<link type="text/css" rel="stylesheet" href="./images/shCore.css">
<link type="text/css" rel="stylesheet" href="./images/shCoreRDark.css">
<script type="text/javascript" src="./images/shCore.js"></script>
<script type="text/javascript" src="./images/shLegacy.js"></script>
<script type="text/javascript" src="./images/shBrushBash.js"></script>
<script type="text/javascript" src="./images/shBrushCpp.js"></script>
<script type="text/javascript" src="./images/shBrushCSharp.js"></script>
<script type="text/javascript" src="./images/shBrushCss.js"></script>
<script type="text/javascript" src="./images/shBrushDelphi.js"></script>
<script type="text/javascript" src="./images/shBrushDiff.js"></script>
<script type="text/javascript" src="./images/shBrushGroovy.js"></script>
<script type="text/javascript" src="./images/shBrushJava.js"></script>
<script type="text/javascript" src="./images/shBrushJScript.js"></script>
<script type="text/javascript" src="./images/shBrushPhp.js"></script>
<script type="text/javascript" src="./images/shBrushPlain.js"></script>
<script type="text/javascript" src="./images/shBrushPython.js"></script>
<script type="text/javascript" src="./images/shBrushRuby.js"></script>
<script type="text/javascript" src="./images/shBrushScala.js"></script>
<script type="text/javascript" src="./images/shBrushSql.js"></script>
<script type="text/javascript" src="./images/shBrushVb.js"></script>
<script type="text/javascript" src="./images/shBrushXml.js"></script>
<script type="text/javascript">
	SyntaxHighlighter.defaults["toolbar"] = false;    // 툴바 없애기
	SyntaxHighlighter.defaults["auto-links"] = false; // 자동링크 없애기
	SyntaxHighlighter.defaults["tab-size"] = 2;				// 탭사이즈를 2로 설정
	SyntaxHighlighter.all();
</script>


2. ColorScripter

http://ssppmm.tistory.com/3388 - Colorscripter 사용법

1. 윈도우 7의 "%AppData%\Microsoft\Sticky Notes" 경로로 이동

2. StickyNotes.snt 파일을 백업한다. 이 파일에 메모 내용이 들어있다.

3. 윈도우 10의 설정-앱-Sticky Notes 클릭-고급 옵션 클릭

4. 초기화 버튼 클릭, 이제부터 윈도우 10의 스티커 메모 앱을 실행하지 않는다.

5. %LocalAppData%\Packages\Microsoft.MicrosoftStickyNotes_8wekyb3d8bbwe\LocalState\Legacy 경로에 접속

6. 5번의 경로가 없다면, 새로 만들어준다.

7. 2번의 StickyNotes.snt 파일을 해당 경로에 복사하고, 이름을 ThresholdNotes.snt 로 변경한다.

8. 윈도우 10의 Sticky Notes 앱을 실행한다. 끝!

개발을 할 때, 이미지나 아이콘 사용 시 신중해지는 이유가 바로 저작권문제 때문 아닐까 생각을 합니다.

그래서 유용한 무료 아이콘팩 사이트를 구글링해서 찾아놨어요.

나도 쓰고 이 블로그에 오시는 손님들도 쓰고

도움이 되길 바래요 :)


1. Material Design

https://material.io/

Format: SVG, Webfont


구글에서 제공하는 아이콘 사이트로, Material Design 가이드라인에 맞춘 깔끔한 아이콘들을 제공합니다.

종류가 굉장히 많아서 여기에서만 가져다 써도 문제 없을 듯.


2. Responsive Line Icons

https://pixelbuddha.net/freebie/100-free-responsive-line-icons

Format: AI, EPS, SVG, PSD


각 아이콘별로 3가지 크기 제공


3. Icon Works

http://icon-works.com/

Format: Webfont



4. Linea

http://www.linea.io/

Format: SVG, Webfont



5. Icons8

https://github.com/icons8/flat-color-icons

Format: SVG


개인적으로 맘에 드는 아이콘들이 많네요.


6. Geoph

https://dribbble.com/shots/2200783-Geoph

Format: AI, PSD


7. Ionic

https://github.com/ionic-team/ionicons

Format: Webfont


8. Touch Icons

https://dribbble.com/shots/1804367-340-Freebies-Touch-Icon-Set

Format: SVG, AI, PSD


9. Simple Line Icons

https://dribbble.com/shots/1344983-Simple-Line-Icons-100-free-icons-Ai-Eps-Svg-Psd

Format: AI, EPS, SVG, PSD


10. Roundicons

http://roundicons.com/

Format: Png, SVG, EPS, PSD, AI

무료지만 유료 옵션이 있네요.


11. Amenities

https://freebiesbug.com/psd-freebies/amenities-50-misc-psd-icons/

Format: PSD


12. Micons

https://dribbble.com/shots/2071168-231-Icon-Set

Format: SVG, Webfont


13. Universal Themes

https://speckyboy.com/freebie-universal-themes-vector-icon-set/

Format: SVG


14. Helium

https://tympanus.net/codrops/2014/10/10/freebie-helium-icon-set/

Format: AI, EPS, SVG, Webfont


15. Cinema

https://tympanus.net/codrops/2015/07/20/freebie-cinema-icon-set/

Format: SVG


16. Foundation

https://github.com/zurb/foundation-icons

Format: Webfont


17. Webicons

https://graphicburger.com/webicons-100-stroke-fill-icons/

Format: AI, EPS


18. Themify Icons

https://themify.me/themify-icons

Format: SVG, Webfont


19. Squid

http://thesquid.ink/flat-icons/

Format: PSD, AI, EPS, PNG, SVG


20. Swifticons

https://www.smashingmagazine.com/2015/03/freebie-swifticons-icon-set/

Format: AI, PNG, EPS, SVG


21. Elegant Themes

https://www.elegantthemes.com/blog/freebie-of-the-week/free-line-style-icons

Format: AI, SVG, PNG, Webfount


22. Pixeden Icon Font Pack

http://themes-pixeden.com/font-demos/7-stroke/index.html

Format: Webfont


23. Summer and Essentials Icon Set

https://www.smashingmagazine.com/2014/05/summer-essentials-icon-set-freebie-eps-png-ai/

Format: EPS, AI, PNG


24. Stroke Icon

http://freebiesbug.com/psd-freebies/80-stroke-icons-psd-ai-webfont/

Format: PSD, AI, Webfont


25. Ballicons

https://www.smashingmagazine.com/2014/06/freebie-ballicons-2-icon-set-png-psd-svg/

Format: SVG, PNG, PSD

+ Recent posts