코딩 맛집

일러스트 에서 갑자기 크기 조절 박스가 사라 지는 경우가 있습니다. '크기 조절 박스', '테두리 상자', '선택 박스' 라고도 불리는데요. 이 박스가 사라지면 많이 당황하게 되죠. 위 그림 처럼 오브젝트 주변에 사각형 점들이 생겨야 되는데 아무리 클릭해도 생기지 않고 아래 처럼 보입니다. 해결 방법은 굉장히 간단 합니다. 1. 보기(View) -> 테두리 상자 표시 를 눌러 주거나 2. "Shift + Ctrl + B" 단축키를 눌러 테두리 상자를 표시 합니다.

WebView기반의 네이티브 앱 개발 할 때 WebView를 처음 띄울때 이미지가 많거나 리소스 용량이 크면 WebView에 로딩이 늦게 되는 경우가 있습니다. 이럴때 WebView가 모두 로딩 되기 전에 로딩 화면을 보여 줄 수 있습니다. 이런 로딩 화면을 스플래쉬(Splash) 화면 이라고 합니다. 스플래쉬 화면을 만드는 방법은 다양 합니다. 하지만 우리는 WebView에 로딩이 끝나는 시점을 알아야 WebView를 띄울수 있습니다. 1. 스플래쉬 화면을 출력 시킵니다. 2. WebView의 로딩이 완료 됩니다. 3. 스플래쉬 화면이 사라집니다. 4. 로딩이 완료된 WebView가 화면에 보입니다. 위와 같은 순서로 진행 됩니다. 1. 스플래쉬 화면을 출력 시킵니다. 스플래쉬 화면을 출력 시키기 위해..

https://coding-food-court.tistory.com/41 WebView 기반의 안드로이드 네이티브 앱 개발 2 https://coding-food-court.tistory.com/39 WebView 기반의 안드로이드 네이티브 앱 개발 1 안드로이드의 WebView를 이용해서 웹 기반의 안드로이드 네이티브 앱을 개발 하겠습니다. 1. 레이아웃 XML의 WebView를.. coding-food-court.tistory.com 지난 시간에 우리는 WebView 안에서 동작하는 JavaScript 소스를 android 네이티브 소스에서 어떻게 컨트롤 하고 interface를 정의 하는지 배웠습니다. 또한, WebView 안에 링크를 통한 '페이지 탐색'을 핸들링 하여 android 네이티브 앱을..

https://coding-food-court.tistory.com/39

안드로이드의 WebView를 이용해서 웹 기반의 안드로이드 네이티브 앱을 개발 하겠습니다. 1. 레이아웃 XML의 WebView를 추가 시켜 줍니다. 2. Activity java파일에서 WebView객체를 생성해 줍니다. WebView myWebView = (WebView) findViewById(R.id.webview); 3. WebView.loadUrl() 함수를 통해서 원하는 웹페이지를 로드 할 수 있습니다. myWebView.loadUrl("https://www.naver.com/"); 4. INTERNET 퍼미션이 있어야 합니다. ... 여기까지 특정 설정을 하지 않고 단순히 WebView만 띄우기 위한 기본 소스 입니다. 전체 소스를 확인해 보겠습니다. //WebView를 띄우는 Activi..

webView를 이용해서 android 네이티브 앱 개발시에, webView 안에 html 안에 은 네이티브 쪽에서 아무 처리도 해주지 않으면, 아무런 반응도 일어나지 않습니다. 이것을 구현하는 방법을 소개 하겠습니다. 1. WebView 객체 만들기 먼저, WebView 객체를 만들어 줍니다. WebView myWebView = (WebView) findViewById(R.id.webview); 2. onShowFileChooser 함수 구현 이것을 android 네이티브에서도 처리해 주기 위해서는 WebChromeClient.onShowFileChooser()을Override 해주어야 합니다. public static final int IMAGE_SELECTOR_REQ = 1; private Valu..

Cordova로 개발 하고 있는 상황에서 'http://' 프로토콜을 사용해서 다른 웹페이지에 요청을 날릴때, 다음과 같은 에러가 뜨는 경우가 있습니다. "net::ERR_CLEARTEXT_NOT_PERMITTED" Cordova 말고 Android 네이티브에서는 다음과 같이 에러가 출력 될 것입니다. "CLEARTEXT communication to XXXX not permitted by network security policy" 이 에러는 안드로이드 pie(9.0) 버전 부터는 "http" 가 아닌 "https" 프로토콜을 쓰도록 하게 하기 위함 입니다. * 해결 방법 1. http -> https 따라서 이 에러를 해결 하기 위해서는 "http"에 요청을 하는 것이 아니라, "https"에 요청을..

a 태그 상에서 href의 url로 이동 하지 않고 특정 이벤트를 발생하고 싶으신가요? 그럴때 주로 사용 하는 방법이 있습니다. 1. 2. 3. 이와 같은 방법을 사용 할수 있습니다. href내의 url 대신의 javascript 구문을 쓸수 있어 호출하고 아무것도 하지 않도록 하는 것입니다. 또한 'href=#' 을 호출하여 아무 기능도 안하도록 할 수 있는데요. 하지만 이것은 페이지 상단으로 이동하게 되는 단점이 있습니다. 이를 예방하기 위한 방법도 있습니다. 이 방법에 대해서는 여기서 설명 하도록 하겠습니다. https://blog.naver.com/world9604/221966099958

1. img 태그의 before, after를 사용할 수 없어요. img 태그에 가상요소(Pseudo-element) before 와 after 을 사용해서 img 태그의 설명을 넣을려고 노력 한적이 있습니까? 아무리 애를 써도 이것은 되지 않습니다. img 태그는 no Ending tag(닫는 태그가 없는 태그) 이기 때문 입니다. no Ending tag는 - img 태그 - br 태그 - hr 태그 등이 있습니다. 이런 태그들은 가상요소(Pseudo-element) before, after, first-letter, first-line, selection 를 사용 할 수 없습니다! 2. 가상요소를 사용할 수 없는 이유 왜냐 하면 닫는태그가 없기 때문에 자식으로 텍스트도 다른 태그도 담을 수 없기 때..

데이터베이스를 사용하지 않고 브라우저에서 사용자 정보를 저장 하기 위해서는 어떻게 해야 할까요? JavaScript API 를 이용해서 사용자 정보를 저장 할 수 있습니다. 쿠키 보다도 더 강력 합니다. 쿠키보다 데이터 저장공간도 훨씬 뛰어납니다. 1. Window.localStorage 2. Window.sessionStorage 이 객체를 이용 할수 있습니다. 이 객체들은 다음과 같이 사용 할수 있습니다. // 데이터 저장 localStorage.setItem('index', '123'); sessionStorage.setItem('index', '123'); // 데이터 읽기 localStorage.getItem('index'); sessionStorage.getItem('index'); // 모든..