프로그래밍/이슈 정리

이슈 VScode에 Turbo Console Log 유용한 확장 프로그램이 있다. console.log 하고 싶은 키워드를 select하고 control + option + L 입력시 현재 line 넘버를 포함하여 cosnole.log 를 찍어준다. 그런데 문제는 console.log 구문을 현재 파일의 최하단에 생성하는 경우가 있었다. 해결 방법 최신 버전에서 2.1 버전으로 다운그레이드하면 현재 위치에서 log를 찍어준다. 참고 - https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log - https://github.com/Chakroun-Anas/turbo-console-log/issues/108

[이슈] Fixed DOM과 가상 키보드 배경 모바일 웹 작업할 때 종종 가상 키보드를 사용하는 input과 특정 위치에 고정된(position 속성이 fixed 인) 요소가 함께 설계된 시안을 만나게 된다. 이 때 아래 그림처럼 사용자가 input을 포커스 했을 때, fixed 된 요소가 가상 키보드 바로 위에 위치하는 스펙을 원하는 경우가 많다. 시안대로 fixed 된 요소를 만들어보면 특정 디바이스에서 예상과 다르게 가상 키보드가 fixed 된 요소를 덮어서 가리는 이슈를 발견하게 된다. 해당 이슈는 OS(iOS/Android)마다 조금씩 다르게 나타나고, iOS에서는 버전마다 조금씩 다르게 동작하여 파악하기 힘들다. 이 문서는 해당 이슈를 OS별, 세부 버전별로 살펴보고, 왜 이런 현상이 발생하는..