호환성 3 뱅킹 보안 프로그램과 키보드 입력 충돌 태블릿 계열의 노트북을 사용합니다. 마이크로소프트 서피스 랩탑과 유사한 형태의 레노버 Miix이며, 용도에 따라서 키보드를 착탈하여 태블릿과 노트북을 겸용할 수 있는 작은 기기입니다. 터치 스크린 패널이 디스플레이 앞에 부착되어 있습니다. 최근 사용 중 키보드 입력이 안되고 디스플레이에 "화면 회전 설정" 알림 메시지가 갑자기 뜨는 야릇한 오류가 발생합니다. 얼마 전, 국내 인터넷 뱅킹에 필수인 보안 프로그램을 설치한 후 이런 증상이 출현하였습니다. 기기를 사용할 때 키보드의 연결 형태를 변경하거나 유선 마우스를 제거 또는 부착하는 등의 입력 디바이스의 변경이 발생하면 해당 오류가 발생합니다. 다시 원래의 형태로 되돌려도 오류가 복구되지 않아서 기기를 다시 부팅시키면 정상으로 돌아옵니다. 기기를 다시 부.. 2023. 3. 26. FireFox에서 flex-wrap과 overflow의 호환성 부족 해결 사례 #aside .inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; overflow-y: auto; /* 문제의 원인 */ "#aside .inner"는 flex 컨테이너이며, 2개의 박스 a와 b를 담고 있습니다. 컨테이너는 상하(y축) 스크롤됩니다. "flex-wrap: wrap" 설정을 집어넣어 컨테이너의 폭이 여유가 있을 경우 가로로 2개의 박스를 배열하고, 폭이 좁을 경우 세로로 박스를 배열합니다. MS Edge와 Google Chrome은 가로, 세로 배치가 정상으로 전환되지만, Mozilla FireFox는 세로로만 배열됩니다. Microsoft Ed.. 2022. 9. 19. Position Sticky를 구현하는 Fixed JS 코드 오류 수정 1. 원글: 본문 2. 수정: Position Sticky를 구현하는 Fixed JS 코드 2차 수정 3. 수정: Position Sticky를 구현하는 Fixed JS 코드 3차 수정 4. 수정: Position Sticky를 구현하는 Fixed JS 코드 4차 수정 5. 활용: Position Sticky를 구현하는 Fixed JS 코드 활용 Position Sticky는 웹 페이지의 일부 Element가 사전 설정한 지점에서 움직임을 중지하고 고정되어 Position Fixed의 기능을 시작하는 매우 유용한 CSS 코드입니다. "Position Relative + Position Fixed"를 하나로 통합한 것이라고 말할 수 있습니다. 대형 포털과 블로그 등 여러 사이트의 페이지 상단에 배치된 내.. 2021. 4. 19.
