목록web (86)
Rainbow
웹 호환성 테스트 QA팀 : 사이트 완성 후 -> 기획 -> 디자인 -> 퍼블리싱 -> 개발 - 모든 것들이 잘 이루어졌는지 기간 내에 QA팀이 테스트한다. - 다양한 브라우저 버전 정보를 열어보고 환경에 맞춰서 각각 테스트한다. - 회사에서는 모든 브라우저 정보, 버전을 테스트하라고 직접 환경을 제공해 주지 않는다, - 우리가 직접 할 수 있는 만큼 호환성 테스트를 한다. - 나중에 오픈을 한 뒤 테스트 기간 내에 오류들은 그때그때 수정한다. 사이트 호환성 기준 - 기획, 파트에서 정한다 , 고객사에서 별도 요청 - 파이어 폭스, 크롬 자동 업데이트 - 인터넷 익스플로러 window os 버전에 따라 업데이트 - 정품, 가품 구분한다. - 사용자들이 제대로 된 정보를 얻기 위해서는 window10 이상..
크로스 브라우징 : 브라우저마다 다르게 동작을 한다. - 웹 페이지 제작 시 모든 브라우저가 깨지지 않고 의도한 대로 나오게 작업한다. - 다양한 브라우저에서 동등하게 동작하는 것 Netscape (넷스케이프) - addEventListerener 사용 Ie (익스플로러) - attachEvent (어태치 이벤트) 사용 JavaScript - Navigator 객체 (2/3) : Navigator 객체 아래 명령을 통해 객체의 모든 프로퍼티를 열람할 수 있다. console.dir(navigator); appName : 웹 브라우저의 이름이다 IE 인터넷 익스플로러, 파이어폭스, 크롬은 넷스케이프로 표시한다. appVersion : 브라우저의 버전을 의미한다. 필자의 현재 브라우저 정보 아래와 같다 - ..
1. em : 부모 사이즈에서 곱한 사이즈 div {font-size: 14px} p {font-size: 1.2em} 일 경우, p의 사이즈는 14*1.2 = 16.8px 이 된다. 2. rem: 부모가 아닌 최상위 태그에서 곱한 사이즈 em을 사용하다보면 점점 사이즈가 커져버려서 제어가 힘든 상황이 온다. 이럴땐 rem을 쓴다. rem은 부모 사이즈에 상관없이 무조건 최상위 태그 사이즈에서 값을 곱한다. https://bomango.tistory.com/61 css 사이즈 태그 em, rem, vh, vw, vmin, vmax 완벽 정리 css 작성할 때 종종 em rem까지는 작성할 때도 있긴 한데, 보통은 귀찮아서 반응형일 때는 %에 의존하고 그 외에는 그냥 대부분 px처리 해버리곤 한다.. 하지..