본문 바로가기

전체 글22

[CSS] iOS, safari 이슈 들어가며이번에도 이번 프로젝트에서 경험했던 이슈를 적어보려고 한다.역시 iOS이슈로 css가 제대로 적용되지 않는 이슈였는데 심지어 버전별로 안되는 버그도 있고.. 참 쉽지않은 프로젝트였다.심지어 어떤 ios 디바이스에서는 macOS로 잡혀서 제대로 잡히지도 않아서 대체 무슨 이유인가 한참을 시간낭비를 했던 기억이 후.. 오늘은 iOS 버전별로 겪었던 이슈와 그 해결 방법을 정리해보려고 한다.  왜 iOS에서는 CSS적용이 정상적으로 되지 않을까?iOS 디바이스에서 CSS가 정상적으로 적용되지 않는 문제는 꽤 흔한 이슈이다. 그 이유는 WebKit 엔진의 고유한 렌더링 방식 때문인데, iOS는 사파리를 기본 브라우저로 사용하고, WebKit 엔진은 다른 브라우저(예: Chrome, Firefox)에서 사.. 2024. 9. 12.
[JavaScript] BFcache란 ? 들어가며오랜만에 글을 쓰게 되었다. 최근 여러 이슈들이 겹치고 바쁜 일상 속에서 자연스럽게 게을러졌고, 공부에도 소홀해지면서 결국 몇 달간 글을 쓰지 못했다. 하지만 이제 회사 프로젝트가 마무리되었고, 그 과정에서 여러 문제들과 마주치게 되었는데, 오늘은 그중 하나인 BFcache 이슈에 대해 포스팅 하려고 하는데 들어가기전 짧게 설명해 보자면.. 간단하게 배경을 설명하자면, 우리 회사는 AOS와 iOS를 지원하며, Mobile Web과 App 플랫폼을 함께 제공하고 있다.이번 이슈는 ios safari 에서 일어난 이슈인데 (QA에서 ios 붙으면 숨이 턱턱막히는..)간단하게 플로우를 설명하자면 페이지A > 페이지 B로 이동> 페이지B submit confirm 노출 후 취소한뒤 뒤로가기 > 페이지A .. 2024. 9. 9.
[Docker] Docker란? (Image, Container 란?) Docker 란?도커(Docker)는 다양한 운영체제와 시스템 환경에서 서버 설정이 각기 다르고 복잡할 때 유용한 컨테이너 기반의 가상화 플랫폼입니다. 도커를 사용하면 컨테이너 내에 서버를 설정할 수 있으며, 이 컨테이너는 기반 환경에 상관없이 실행만 하면 언제든 동일한 서버 구성을 재현할 수 있습니다. 이로써 환경의 일관성을 보장하고 서버 관리의 복잡성을 줄일 수 있습니다.  Docker 주요 구성 요소engine도커는 서버/클라이언트 구조를 가지고 있습니다. 몇가지 구성과 동작방식은 아래와 같습니다.도커 데몬(Docker Daemon):서버의 역할을 하며, 컨테이너의 생성과 관리를 담당합니다.계속 실행되는 프로세스로, 시스템이 작동하는 동안 활성 상태로 유지됩니다.도커 클라이언트(Docker Clie.. 2024. 5. 3.
[Next] Sentry로 실시간 Error 모니터링 하기 들어가며 최근 우리 회사의 Next.js 기반 웹 애플리케이션의 복잡성이 급격히 증가하면서, 운영 환경에서 발생하는 문제가 프론트엔드에서 비롯된 것인지, 아니면 백엔드에서 기인한 것인지 구분하기 어려운 상황이 자주 발생했습니다. 기존에는 Datadog을 사용하여 API 관련 에러를 추적하고 있었지만, 프론트엔드에서 발생하는 에러에 대한 로그 수집과 추적이 미흡하여 문제 해결에 많은 어려움을 겪었습니다. 이러한 도전을 극복하기 위해, 우리는 애플리케이션의 안정성과 성능을 지속적으로 개선해야 할 필요성을 느꼈고, 그 해결책으로 Sentry의 도입을 결정하게 되었고, 이번 포스팅에서는 간단하게 Sentry란 무엇이고 next.js에 적용하는 방법을 포스팅 하려고합니다. 1. Sentry란 무엇인가? Sentr.. 2024. 4. 22.

티스토리툴바