코딩ㆍ개발 정보179

• 

  웹뷰 실행 시 net::ERR_CLEARTEXT_NOT_PERMITTED 오류 해결 방법 Webpage not available The webpage at http://naver.com/ could not be loaded because: net::ERR_CLEARTEXT_NOT_PERMITTED 원인 웹뷰의 URL 주소는 보안프로토콜인 https:// 로 이루어진 정확한 주소를 사용해야 됩니다. 해결 방법 AndroidManifest.xml의 application 태그에 android:usesCleartextTraffic="true" 를 추가합니다. 코딩ㆍ개발 정보/안드로이드앱 (코틀린) 2021. 10. 11.

• 업 네비게이션 (안드로이드 매니페스트 파일 상단 툴바) 적용 방법 뒤로가기 버튼은 별루죠? 매니페스트 파일을 열고 자식 액티비티에 android:parentActivityName = ".MainActivity" 처럼 추가합니다. 코딩ㆍ개발 정보/안드로이드앱 (코틀린) 2021. 10. 10.

• 벡터 드로어블 사용 환경 SDK 19 (안드로이드 4.4)에 설정 방법 안드로이드 5.0 미만 버전의 기기에서도 벡터 드로어블 이미지가 표시되게 하려면 모듈 수준의 build.gradle 파일에 다음울 추가해야 한다. defaultConfig { vectorDrawables.useSupportLibrary = true } 코딩ㆍ개발 정보/안드로이드앱 (코틀린) 2021. 10. 10.

• Kotlin Extension -> View Binding 자바의 findViewById 생략을 위해서 2020년 까지는 Kotlin Extension 을 사용하다가 안정성 문제로 View Binding 으로 넘어왔다. - 기존: 코틀린 익스텐션 (Kotlin Extension 사용 방법) https://duckssi.tistory.com/34 [Android Kotlin] Kotlin Extension 기능으로 findViewById 생략하기 (구글 지원중단) 안녕하세요 홍드로이드 입니다 :)) 이번 시간에는 기존에 Java에서 변수에 xml id를 연동할 때 필수적으로 적어줬던 findVIewById 라는 녀석에 대해서 Kotlin Extension을 사용하여 Android Studio 에서 더이상 duckssi.tistory.com - View Bindin.. 코딩ㆍ개발 정보/안드로이드앱 (코틀린) 2021. 10. 9.

• 

  홈페이지나 모바일웹 수업에서 제일 중요한 것 난 개발자는 아니지만, 그냥 재밌어서 이것 저것 찾아보면서 겪었던 시행착오들이 있었다. 어떤 경우들이 있었는지, 연습하던 과정에서 생긴 이슈를 한번 적어 보려 한다. 그러기에 전문가가 아니라 틀린 내용을 적거나, 공식적이지 않은 내용들을 이야기 할 경우도 있는 등 지극히 개인적인 글일 수 있습니다. 당연합니다. 댓글을 통제하진 않겠습니다만, 전문가가 봤을때는 말도 안되는 글일 수 있지만, 개인의 정신에 상처를 줄 수 있는 댓글은 조심해서 남겨주시기 바랍니다. ---------------------------- HTML 태그와 스타일을 활용해서 홈페이지 만드는 것은 조금만 노력하면 할 수 있는 사람들이 많아서 홈페이지 만드는 것은 쉽다! 라고도 말 할 수 있습니다. 홈페이지 만들기는 크게 2가지나 3가지 .. 코딩ㆍ개발 정보/HTML 연습 2020. 11. 1.

• 

  CSS로 background 화면 꽉 채우는 방법 100% 채우고 싶은 영역에 height: 100% 로 하더라도, 콘텐츠 영역이 없는 부분은 덮어지지 않는다. border를 하던, background를 하던 콘텐츠 있는 만큼만 보여지게 된다. 그 채우고 싶은 영역의 height를 px로 지정하게 되면 당연히 화면이 스크롤되면서 영역이 안 잡힌다. 방법은 여러가지 있을 수 있겠지만, html,body{ height:100%; overflow:hidden; } html,body{ height:100%; overflow:hidden; } 을 추가하고 그 영역에는 .somebox{ height: 100%; background: #2ecc71; } .somebox{ height: 100%; background: #2ecc71; } 와 같이 설정하면 된다. 코딩ㆍ개발 정보/HTML 연습 2020. 9. 22.

• 

  이미지 끼리 여백없이 붙이기 위한 방법 img {display:block;} 아래 케이스 1과 2를 비교해 보면 img의 기본 display 속성이 inline일 경우는 틈이 벌어질 수 있으며, 이 display속성을 display로 변경하면 틈 없이 이미지가 배치된다. 케이스 1 케이스 2 코드 확인 1. html 2. css #product_section > #product_article > img{ display: block; } 참고 자료: 모던 웹 디자인을 위한 HTML5 + CSS3 입문, P.392 코딩ㆍ개발 정보/HTML 연습 2020. 9. 19.

• 

  태블릿 UI 만드는 스타일 팁, 동적으로 너비가 변하는 레이아웃 margin-right padding-right 이러한 모습을 만들어 줄 때 콘텐츠 영역에 대한 스타일 지정방법이다. 동적으로 너비가 변하는 레이아웃인데요. 다음 화면을 봐주세요. 1. HTML 왼쪽 서브 메뉴 오른쪽 본문 바디 ButoO ButoO ButoO ButoO ButoO Lorem ipsum dolor sit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum pariatur veritatis facilis laborum ad. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eos officiis eaque sit placeat quam aperiam molestiae magnam eum, ipsum .. 코딩ㆍ개발 정보/HTML 연습 2020. 9. 19.

• 

  텍스트가 너무 길 경우 ... 으로 말 줄임 표시하기 text ellipsis 다음과 같이 할 수 있다. 코드내용 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aspernatur possimus molestias dolor unde, neque, et quos dolorem optio ex. 포인트는 ellipsis 클래스로 설정한 부분이다. white-space, overflow, text-overflow 삼총사를 묶어서 글자 줄임표를 표시할 수 있다. 코딩ㆍ개발 정보/HTML 연습 2020. 9. 19.

• 버튼 토글로 메뉴 보이기 숨기기 하는 방법 checked 속성 사용 HTML태그 버튼 버튼 버튼 버튼 버튼 버튼 버튼 버튼 CSS 값 #toggle{ display: none; } #toggle + #wrap > #toggle_gnb_wrap{ display: none; } #toggle:checked + #wrap > #toggle_gnb_wrap{ display: block; } 여기서 핵심은 CSS 선택자 중 + 활용법과, input box이 checked 상태값을 활용하는 것이다. 참고 자료 : 모든 웹 디자인을 위한 HTML5 + CSS3 입문, 개정판, 330page 발췌 코딩ㆍ개발 정보/HTML 연습 2020. 9. 19.