# 크로스브라우징

32개의 포스트
post-thumbnail

Front-end 국비지원 #061일

아래와 보는 이미지는 reflection 기능을 사용하여 이미지를 반전시켰다.HTMLCSShttps://caniuse.com/ 에서 크로스브라우징이 되는지 버전체크를 한다. 파이어폭스는 지원하지 않는걸 확인하게 된다. 따라서 크로스브라우징이 필요하며 https

2023년 1월 15일
·
0개의 댓글
·
post-thumbnail

웹뷰 ios fixed 버그 해결하기

ios fixed 버그를 해결하자

2023년 1월 6일
·
0개의 댓글
·
post-thumbnail

[CS] Cross browsing

크로스 브라우징은 W3C에서 채택된 표쥰 웹 기술을 적용해 모든 브라우저에 다른 기종의 OS나 HTML 렌더링 가술로 비슷하게 만들어 어떤 환경에서도 이상없이 작동되게 하는 웹페이지를 제작하는 방법론이다.예를 들어, 익스플로러에서 이용할 수 있던 사이트가 크롬이나 파이

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

[CS]크로스 브라우징

Cross Browsing이란 적어도 표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹페이지를 제작하는 기법요약하면 서로 다른 브라우저를 사용해도 호환이

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

[JS]2장 자바스크립트 소개

넷스케이프 브라우저에서 동적 웹을 만들기 위해 개발됨.마이크로소프트에서는 자바스크립트 파생 버전인 "JScript"를 인터넷 익스플로러3.0(MS 브라우저)에 탑재.문제: 자바스크립트와 JScript 표준화 X 적당히 호환이로 인해 크로스 브라우징 이슈 발생그 결과 E

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

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

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

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

크로스 브라우징이란??

💖 크로스 브라우징(cross browsing)이란?웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 의도한 대로 올바르게(호환성) 나오게 하는 작업을 말합니다.HTML5, CSS3, Javascript 작성 시 W3C의 웹 규격에 맞는 코딩을 함으로써 어느 브라우

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

내가 몰랐던 CSS 속성

정말 잘 안썼던 몇가지 속성이나 방식을 안까먹으려고 쓴 글.

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

웹표준&접근성

웹에서 표준적으로 사용되는 기술이나 규칙사용자가 어떤 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 제작 기법유지보수웹 호환성검색 효율웹 접근성HTML요소가 의미를 갖도록 만드는 것. 태그만 보고도 어떤 기능을

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

[JavaScript] iOS, safari에서 날짜 계산이 안되는 오류

크롬에서는 동작하지만, 사파리에서는 날짜가 NaN으로 나오는 오류를 해결한 포스팅입ㄴ디ㅏ.

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

[사용자 친화 웹] 웹 표준

웹 표준에 관련된 장점과 semantic한 사용법에 대한 내용 : 마크업 주의점, SEO 검색 엔진 최적화를 위한 설명

2022년 7월 8일
·
0개의 댓글
·
post-thumbnail

웹 표준

W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’어떤 운영체제나 브라우저를 사용해도 동일한 웹 페이지가 보이게 하는 제작 기법

2022년 7월 8일
·
0개의 댓글
·

[JS] safari에서 new Date() 리턴 값이 Invalid Date 일 때 해결법

어떠한 상품에 대한 경매, 비경매 구분을 위한 타이머 세팅 시 시간을 설정해주는 과정에서 데이터는 동일하게 내려오지만 chrome에서는 경매, safari에서는 경매 종료로 나오는 현상을 발견하였다. 경매 종료 시간과 현재 시간을 비교하여 나오는 남은 시간으로 타이머를

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

IE 호환을 향한 3시간의 여정

ie 호환해봐야지~ 라는 가벼운 마음이 불러온 나비효과.

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

웹 표준, 접근성, 크로스 브라우징?

월드 와이드 웹(World Wide Web, WWW)W3C(World Wide Web Consortium) 권고안에 따라 정의된 웹 표준HTML 버전에 따라 deprecated 되는 태그 및 속성이 존재어떤 운영체제나 브라우저를 사용하더라도 웹페이자가 동일하게 보이게

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

크로스브라우징 이슈 해결 사례

크로스브라우징을 하기 위해 그동안 정리했던 자료들을 공유한다

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

[CSS] 최신 flex 호환성 이슈 해결 방법

현재 대부분 브라우저에서 flex가 지원된다. 하지만 아직은 접두사를 사용하여야 지원이 되는 경우도 있고, IE처럼 아직도 완벽하게 지원되지 않는 경우도 있다. 크로스 브라우징을 위해 flex 호환성 이슈 해결 방법에 대해 알아보자.명세에도 적혀있듯이 아래 명시된 버전

2021년 12월 22일
·
0개의 댓글
·
post-thumbnail

신기술과 크로스브라우징(구버전의 브라우저는 CSS display flex & grid를 지원하지 않는다)

css를 활용하여 웹 페이지 내 속성들 레이아웃을 잡거나 기본적인 스타일링을 할 때 display flex와 display grid를 자주 사용했었다.그런데 오늘 처음 알게 된 사실...!크롬을 제외한, 파이어폭스,IE,엣지 등의 브라우저는 flex와 grid를 완벽히

2021년 10월 29일
·
0개의 댓글
·
post-thumbnail

[크로스 브라우징을 고려한 HTML&CSS] - input, textarea

크로스 브라우징을 위한 input, textarea 작성법

2021년 8월 24일
·
0개의 댓글
·