Fall in IT.

안녕하세요. 오늘은 태그를 가운데 수평 가운데 정렬하는 방법에 대해서 알아보겠습니다. 태그 수평(horizontal) 가운데 정렬하는 방법parent div 와 child div 의 position이 기본(static) 또는 relative일 경우 (아래 코드 참조) - sample code) Document .parent { border: 4px solid tomato; width: 700px; height: 700px; } .child { border: 2px solid gold; width: 200px; height: 200px; margin: 0 auto; } 결과child의 div position이 absolute 일 경우 - sample code ) Document .parent { posit..

안녕하세요. 오늘은 rem과 em에 대해서 간단하게 알아보도록 하겠습니다. em이란?길이가 유연한 가변 단위. media query와 함께 사용하면, 뷰포트의 크기에 따라 길이를 가변적으로 핸들링 할 수 있습니다.상위 엘리먼트의 폰트 사이즈를 기준으로 적용되는 방식 (정확히는, 실제 사용된 요소의 폰트 크기와 직접 연관 된다고 합니다.) - 자세한 내용 rem이란?길이가 유연한 가변 단위.media query와 함께 사용하면, 뷰포트의 크기에 따라 길이를 가변적으로 핸들링 할 수 있습니다.최상위 엘리먼트(html)의 폰트 사이즈를 기준으로 적용되는 방식 px로 사이즈를 지정할 경우?절대값으로 사용되는 단위. 뷰포트의 크기에 상관없이 고정된 값으로 렌더링 됩니다. rem을 사용하는 경우요소에 크기가 절대 ..

안녕하세요. 오늘은 화살표함수(arrow function expression)에 대해서 알아보겠습니다. 화살표함수란?화살표함수 표현은 일반 함수 표현보다 간결하게 함수를 표현할 수 있는 방식입니다. 화살표 함수의 특징function 표현에 비해 구문이 짧습니다.나머지 매개변수 및 기본 매개변수가 지원 됩니다.화살표 함수는 자신만의 this를 생성하지 않습니다.화살표 함수 표현은 메소드 함수가 아닌 속에 적당합니다. 그래서 생성자로서 사용할 수 없습니다. 화살표 함수는 항상 익명입니다. 화살표함수 예제 기존 방식var a = function(user) {return user.age > 20;} 화살표함수를 적용한 방식1. 기본var a = (user) => {return user.age > 20;} 2. ..

안녕하세요. 오늘은 자바스크립트에서 부분 문자열을 비교하는 방법에 대해서 알아보겠습니다. 부분 문자열 비교하는 법indexOf 를 사용합니다. 결과값이 -1이 아닐 경우 찾는 문자열이 존재합니다.indexOf는 str2가 일치하는 문자열의 str의 시작 index를 리턴합니다.ex) 부분문자열이 존재할 경우 var str = "cordova-diagnostic-plugin"; var str2 = "cordova"; console.log(str.indexOf(str2)); // 결과값 0 ex2) 부분문자열이 존재하지 않을 경우 var str = "cordova-diagnostic-plugin"; var str2 = "ppppp"; console.log(str.indexOf(str2)); // 결과값 -1..

안녕하세요. 오늘은 "화면 오버레이 감지됨" 에러 해결 방법에 대해서 알아보겠습니다. 문제안드로이드 폰에서 특정 앱을 실행하려고 하는데, "화면 오버레이 감지됨" 이라는 에러 발생. 원인다른 앱의 화면보다 위에서 무언가 적용될때 발생하는 에러안드로이드 폰에서만 발생하는 에러로, 안드로이드 폰 중에서 소프트웨어 마시멜로(6.0) 버전의 경우에만 발생하는 에러입니다. (대표적으로, '블루라이트 차단 필터' 앱이 있습니다. 해당 앱은 다른 어플 위에 적용 되는 앱으로써 해당 앱을 실행한 상태에서 다른 앱을 실행할 경우 주로 발생합니다. 조금 더 정확히 말하자면, 새로 실행한 앱의 위치 동의 팝업과 같은 권한 관리 팝업이 뜰때 발생합니다.) 해결방법'블루라이트 차단 필터' 와 같이 오버레이 기능이 필요한 앱들의..