위와 같이 하단에 고정시킨 영역이 키보드가 열렸을 때 키보드 위에 위치하도록 구현해야 했다.하지만 iOS에서 키보드가 열리면 position: fixed 요소가 키보드에 가려지는 문제가 자주 발생한다.이 문제를 해결하면서 공부한 내용을 정리하고자 한다. 플랫폼 마다 다른 키보드 열림 시 페이지 처리방식안드로이드와 ios는 가상키보드가 열릴 때 페이지를 차지하는 방식이 다른데,안드로이드는 키보드가 열릴 때 viewport를 키보드를 제외한 영역만큼의 height를 설정해준다.ios는 viewport가 아닌 document를 키보드 영역 만큼 밀어버린다. → fixed 요소가 키보드 아래에 갇히는 문제 발생 여러가지 구현 방법이 있겠지만, 나는 키보드 높이와 키보드 유무에 따라 하단 요소의 위치를 변경해주..
토스에서 개발자 컨퍼런스(SLASH24)를 진행한다고 한다슬로건 부터 "no limit" 풀지 못하는 문제는 없다니 ㄷㄷ.. 심장떨려여러 파트에서 다양한 세션을 진행하고 있다. 나는 시간표 꽉꽉 채워 들을 예정 ㅎㅎㅎ~가서 많이 배우고 많이 깨닫고 이야기 나누고 싶다 🥺!!!
들어가기React 애플리케이션에서 예기치 못한 에러는 애플리케이션의 안정성을 해치고 사용자 경험을 저하시킬 수 있습니다. 이러한 에러들을 효과적으로 처리하고 관리하기 위해 React는 ErrorBoundary라는 컴포넌트를 사용할 수 있습니다.Error Boundary란 에러에 대한 경계를 의미합니다. 즉, 특정 `Error Boundary`로 감싸여진 구간에서 에러가 발생하면 그 에러를 잡아내서 처리할 수 있습니다. 선언적으로 에러를 처리할 수 있는 ErrorBoundary 컴포넌트는 크게 두 가지 방식으로 구현할 수 있습니다Class Component로 선언해서 사용하는 법라이브러리를 통해 Function Component로 사용하는 법 1. Class Component로 ErrorBoundary 구..
