일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
- JS 연산
- JS form
- JS setInterval
- JS 형변환
- JS setTimeout
- JS redirection
- JS null undefined
- JS prompt
- JS 데이터타입
- JS typeof연산자
- git 협업셋팅
- JS 삼항연산
- JS append
- JS 숫자
- CSS속성정리
- JS form action
- HTML기초
- js 변수
- JS classList
- JS localStorage
- JS value속성
- JS 화살표함수
- JS 함수
- JS preventDefault
- JS 타이머기능
- JS clearInterval
- JS 기초
- JS appendChild
- CSS기초
- JS 스코프
목록2024/03/24 (2)
공부기록용
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bAdSgh/btsF16Tij4v/MSK1UuVYcbkkf2hKzpgx70/img.png)
크로스 브라우징(Cross Browsing) 크로스 브라우징은 `브라우저 간 상호 호환성` 을 의미하는 것이다. 서로 다른 브라우저들끼리 서로 호환이 가능하도록 하는 것을 의미한다. 하지만 여기서 중요한 것은 크로스 브라우징이 모든 브라우저에서 100% 똑같이 보이도록 만드는 `동일성`이 아닌 `동등성` 및 `등가성`을 의미하는 것이다. 크로스 브라우징 작업이 필요한 이유 브라우저 마다 랜더링 엔진이 다르기 때문으로 작동되지 않는 HTML5, Javascript 코드가 존재 해석하지 못하는 CSS 코드 존재 브라우저 버그들이 존재 브라우저마다 자체적인 CSS 스타일 고려해야 할 부분 호환성 테스트에는 웹 페이지를 구성하는 모든 것이 포함될 수 있지만, 모든 부분을 테스트할 수 없을 것이다. 그렇기 때문에..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Dtyii/btsF3bTVD3c/uLIIsUIHelzVcT80McZSwK/img.png)
시맨틱 마크업 시맨틱(Semantic)이란 "의미론적인" 의 뜻을 가지며 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말한다. 따라서, 시맨틱 마크업이란 의미를 잘 전달하도록 문서를 작성하는 것을 말한다. 시맨틱 마크업을 하기 위해선 각 태그를 그 용도에 맞게 사용하여야 한다. 태그가 가 지고 있는 의미에 맞게 사용하는 것으로 CSS스타일을 명시하는 태그를 사용하지 않는 것 또한 시맨틱 마크업의 한 종류이다. 즉, 태그가 가지는 의미 자체가 스타일이라면 이는 마크업 자체가 스타일을 갖틑 것이기 때눔에 시맨틱 마크업에 적합하지 않은 것이다 시맨틱 마크업을 사용하면 검색엔진이 시맨틱 태그를 중요한 키워드로 간주하기 때문에 검색엔진 최적화(SEO)에 유리하다. 웹 접근성 측면에서, 시각장애가..