# cross browsing
크로스 브라우징
Overview 개발하거나 개발한 걸 확인할 때는 맨날 크롬만 봤다. 크롬을 기준으로 개발하는 것에 너무 편해져 있었기도 했고, 사실 아무생각 없었다. 크로스 브라우징? 그런거 아무 생각 없었고, IE의 악명은 워낙 자자했으므로 바벨을 이용해 지원해주는 걸로 해결 했다
크로스 브라우징을 고려한 메인페이지
프로젝트 GitHub 레파지토리익스플로어 10 이상, 사파리, 크롬, 엣지, 파이어폭스, 오페라 에서 동작하는 메인페이지 구현2022.02.21 ~ 2022.02.23HTML/CSSjavaScript네비게이션캐러셀배너 영역푸터팝업창ie8을 제외한 브라우저에서 실행ie8
[React] Cross Browsing
💡 리액트 공식문서By default, the generated project supports all modern browsers. Support for Internet Explorer 9, 10, and 11 requires polyfills.→ 네.. IE 9,
220223 중첩된 미디어쿼리는.. ie 😡
하고 보니까 또 익스플로러다..😡중첩된 미디어쿼리는 익스플로러에서 안된다..다른 방법이 있는지 고민중. . 💡
[TIL #28] Cross Browsing이란?
현재 다양한 브라우저가 존재하고 브라우저마다 성향이 다르기 마련인데, W3C에서 채택된 표준을 적용해 사용자가 그 어떤 브라우저를 사용하더라도 사이트를 이용하는데 문제가 없도록 하는 것을 의미한다.
2022.01.06
<input type="text" readonly />이더라도 IOS12에서는 키패드가 없는 하단바가 생성이된다.이를 막기위해선 onfocus="this.blur();" 를 추가하여 focusing 되는 즉시 blur가 되도록 하자. (꼼수)master에 feat
2022 CSS Reset 다시 써보기!
..2022년 지금은 CSS Reset을 어떻게 만들어야 할까? 하는 생각이 들었습니다. 그래서 여러가지 관련자료와 애플, 네이버, 다음, 인프런, 오늘의 집, MS, 에어비엔비, 디스코드, 슬랙등의 CSS를 보면서 어떻게 사용을 하고 있는지 한번 확인을 해보았습니다
[Cross-Browsing] iPhone input/textarea 작성이 안된다?
📚 iPhone에서 발생하는 input/textarea cross-browsing 이슈 해결하기!
2021.09.13
Input 이슈 IOS 웹뷰 input 포커스 문제 IOS에서는 script로 input element에 focus를 시켜도 키보드가 올라오지않는 현상이 있었다. 찾아보니 IOS는 웹뷰에 별도의 옵션을 추가해주어야 한다고 한다. https://jabstorage.t
2021.09.09
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=injadark&logNo=220173477827https://goddaehee.tistory.com/279
크로스브라우징 이슈들
개발하면서 겪었던 크로스브라우징 이슈들을 정리한다.IOS(Safari)는 'YYYY-MM-DD' 형태의 포맷을 날짜로 인식하지 못한다.'YYYY/MM/DD' 으로 바꿔서 사용해야 한다.
IE NodeList forEach 메소드 사용시 오류 해결
ie에서 document.querySelectorAll()을 담은 객체에 forEach 메소드를 사용하면 에러가 노출되어 해결 방법을 정리 하였습니다. 기존 ForEach 사용법은 Element 객체의 프로토타입 메서드인 querySelectorAll이 NodeList
CSS reset🎨
결론적으로 브라우저마다 기본으로 제공하는 스타일이 있어서 기본값을 주기 위해 설정을 해주는 세팅이다.각각의 브라우저(크롬,IE,사파리 등등)에는 브라우저마다 기본으로 제공하는 스타일이 있다.예를 들면 margin, padding, font등 입력 양식 등의 차이가 있거
🤷♀️ 크로스 브라우징 이슈 @IE11: 스프레드 연산자
Internet Explorer 11에서는 자바스크립트 스프레드연산를 인시하지 못해서리액트 프로젝트에서 스프레드 연산자를 썼더니 하얀 화면이 나온다!크로스 브라우징 이슈! 바벨로 해결해보자!react, IE에서 호환(크로스브라우징) (https://velog.