# safari

32개의 포스트
post-thumbnail

사파리 정규표현식 미지원으로 인한 에러 (크로스브라우징 이슈)

숫자에 콤마, 포메팅하는 정규표현식에 Safai와 iOS에 지원이 되지 않는 부분이 포함되어있었다.

2022년 11월 14일
·
0개의 댓글
·

ios safari a 태그 롱프레스

a 태그 롱 클릭 시 링크 미리보기창이 띄워짐https://rrecoder.tistory.com/m/230인앱 브라우저에서 long press ( long click)를 막는 방법https://stackoverflow.com/questions/1576

2022년 10월 18일
·
0개의 댓글
·
post-thumbnail

Safari - Invalid regular expression: invalid group specifier name 솔루션

lookbehind는 모든 브라우저에서 support하지 않는다.숫자를 3자리 단위로 끊어서 ,를 찍어주어 돈 단위를 표현해주는 기능을 위해 아래처럼 정규식을 사용했다.위 코드에서 (?<!\\.\\d\*) 에 해당하는 부분이 지원하지 않는 부분이다.이 코드는 돈이

2022년 10월 16일
·
0개의 댓글
·
post-thumbnail

ios safari height 100vh 문제를 해결해봅시다

사연 사내 프로젝트를 개발도중에 모바일에서 height를 100vh로 설정해서 화면을 구성하는 작업이 있었는데, ios safari에서만 화면 구성이 이상하게 되고 있었는데 확인해보니 safari 하단의 주소영역을 100vh에서 포함하고 있어서 화면이 제대로 구성되지

2022년 10월 11일
·
0개의 댓글
·

iOS 팝업 정책과 window.open

iOS의 팝업 정책과 window.open

2022년 9월 30일
·
0개의 댓글
·
post-thumbnail

[ios] safari css 적용

반응형 작업을 할 때 safari 특히 ios 14에서 css상의 많은 이슈가 발생했다.아래와 같은 코드를 사용하였다.@supports는 해당 css를 제공하는 브라우저를 특정하여 스타일링을 제공하는 것이 가능한데 and, or 같은 연산자를 통한 조건식을 만들어 주는

2022년 9월 25일
·
0개의 댓글
·

사파리 브라우저만 적용안되는 현상

다른 브라우저는 모두 Jquery. jsp 반영이 되지만 사파리 브라우저만 해당 값이 undefined로 출력되는 현상이 발생해결 : 사파리 브라우저는 문법에 대해 상대적으로 엄격하다.\~\~~.value = {특정값} 을 Jquery에서 할당하는 경우가 일반적이지만,

2022년 9월 13일
·
0개의 댓글
·

ios safari border-radius + overflow:hidden 오류

https://www.sungikchoi.com/blog/safari-overflow-border-radius/https://www.sungikchoi.com/blog/safari-overflow-border-radius/

2022년 6월 19일
·
0개의 댓글
·
post-thumbnail

⚠️ safari .. new Date '외않되?'

들어가며 유효기간 d-day를 카운트 해주기 위해서 new Date를 사용했는데! 왠걸 크롬에서는 문제 없었지만 safari 브라우저에서는 결과가 NaN으로 나와서 화면에 공백만 떴다.. ㅜ 구글 감사해요!❤️‍🔥 > 검색 키워드 ("safari date Na

2022년 6월 17일
·
0개의 댓글
·

이미지, 영상 포맷과 사파리 지원 포맷

Image, Video, Format.

2022년 6월 14일
·
0개의 댓글
·

[CSS] safari browser 깜빡이고, 잔상이 남는 현상 해결

\-webkit-transition:-webkit-transform .5s; \-webkit-backface-visibility: hidden; \-webkit-treansform: translate3d(0,0,0); \-webkit-background-i

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

safari 에서 화면 깜빡이는 버그

safari transition bug

2022년 5월 22일
·
0개의 댓글
·
post-thumbnail

사파리에서 타이머 미작동 오류🚨

개인노션 작성 글(2022.03.12) 블로그로 이전 중입니다.타이머 게이지가 크롬에서는 정상 작동하나 사파리에서 작동하지 않는 오류가 발생하였습니다.오류 내용은 이렇습니다.게이지 컴포넌트에 넓이 속성을 못넘기는 오류였습니다.넓이 속성은 시간을 기준으로 계산되는데 시간

2022년 4월 22일
·
0개의 댓글
·

safari regExp error

safari에서 에러 발생한 코드 해결

2022년 4월 21일
·
0개의 댓글
·

safari , 아이폰에서 new Date() 사용시 Invalid Date error

추가 개발 건으로 차트 뷰 개발을 진행했어야 했다. 참고로 해당 프로젝트의 경우 모바일 웹앱을 리액트 네이티브로 감싸 배포하고 있고, 크롬에서 차트 뷰가 잘 나오는 것을 확인한 후 배포했다. 이후 실제 디바이스를 통해 확인해봤는데, 이게 왠걸..?!

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Safari(사파리) 에서 폰트가 이상하게 보일경우 해결법 / CSS font-family 속성 총정리

아래의 두 스크린샷 중 첫번째는 Safari, 두번째는 Chrome 의 화면입니다. 이걸 보고 사파리가 이상하다, 표준을 안 지킨다고 생각들 수도 있는데요, 사실은 Safari 에서는 전혀 오류가 없습니다. 결론부터 말씀드리자면 웹사이트 개발자의 부주의로 웹브

2022년 4월 16일
·
0개의 댓글
·

safari transition bug

로딩페이지 중앙에 로고가 있고, 로딩이 끝나면 로고가 헤더로 올라가는 애니메이션을 만들었다.크롬에서는 정상작동하는데 사파리에서는 로고가 위로 올라가는데 중앙을 못맞추고 올라가다가 삐그덕 하고 중앙에 정렬되는 문제가 생겼다.도움받은 링크:https://miloo

2022년 4월 12일
·
0개의 댓글
·

safari에서 svg 안보이는 이슈

safari 버전: 15.4svg태그에 직접 width와 height를 설정해주면 해결도움받은 링크: https://discourse.webflow.com/t/svg-not-rendered-in-safari/122536

2022년 4월 12일
·
0개의 댓글
·

사파리(safari) 버그

문제 fullPage.js 2.9.7 사용하는 중에 사파리에서 스크롤을 아래로 내렸다가 올라올때 요소가 사라지는 버그를 만났다. 시도 stackoverflow링크 스택오버플로의 두번째 답변대로 이걸 적용해봤으나 다른 에러가 생겨서 실패. 첫번째 답변과 두번째 답변

2022년 3월 22일
·
0개의 댓글
·