코딩/html 썸네일형 리스트형 쿠키와 세션 [ 쿠키(Cookie) ] - 클라이언트 로컬에 저장되는 키와 값이 들어있는 파일 - 이름, 값, 유호 시간, 경로 등을 포함 - 클라이언트의 상태 정보를 브라우저에 저장하여 참조 *구성 요소 - 쿠키의 이름(name) - 쿠키의 값(value) - 쿠키의 만료시간(Expires) - 쿠키를 전송할 도메인 이름(Domain) - 쿠키를 전송할 경로(Path) - 보안 연결 여부(Secure) - HttpOnly 여부(HttpOnly) *동작 방식 1. 웹브라우저가 서버에 요청 2. 상태를 유지하고 싶은 값을 쿠키(cookie)로 생성 3. 서버가 응답할 때 HTTP 헤더(Set-Cookie)에 쿠키를 포함해서 전송 4. 전달받은 쿠키는 웹브라우저에서 관리하고 있다가, 다음 요청 때 쿠키를 HTTP헤더에 .. 크로스 브라우징 크로스 브라우징 작업 도움이 되는 사이트를 이용한다. https://caniuse.com 초기화 작업(CSS 초기화 작업) 브라우저마다 차이가 날 수 있는 부분들에 미리 스타일을 주어 초기화 시킨다. 핵(Hack) 스타일을 줄 때 특수문자를 넣어서 다른브라우저들에서는 인식이 안되지만 IE 특정 버전에서는 인식되도록 하는 방법이다. div{ color:red; *color:blue /* IE7이하 용 */ _color:green /* IE6 용 */ } 편법적인 방법으로 추천하지 않는다. IE8 이상의 브라우저에서 구분해내기가 어려우며 CSS 유지 보수를 어렵게 한다. IE용 주석을 이용한 방법 (Conditional comments) HTML 문서 내에서 주석을 이용하여 구별한다. lt (less tha.. 절대경로와 상대경로 이미지를 가져올때도 많이 사용하고, link 연결시에 주로 사용하는 경로! 경로설정에는 절대경로/상대경로 두가지가 있습니다. 1절대경로 - 어떠한 웹페이지나 파일이 가지고 있는 고유한 경로, 절대적으로 변하지 않는 경로 2상대경로 -내위치 기준에서 사용하는 경로 1. '/' > 가장 최상의 디렉토리로 이동한다.(web root) 2. './' 파일이 현재 디렉토리를 의미한다. 2. '../'상위 디렉토리로 이동한다. 만약 두 단계 상위 디렉토리로 이동하려면 '../../'이렇게 사용하면 된다. [출처] html css 경로 지정 절대경로 와 상대경로!|작성자 디모트 this moment : 네이버 블로그 무심코 지나친 소중한 순간, 그 순간을 함께하는 침구브랜드 디스모먼트 블로그입니다. blog.nave.. 조건부주석 및 ie에서만 스타일적용 // html5shiv는 ie8이하 html5의 요소를 지원하며, respond.js는 ie8에서 미디어쿼리를 사용할 수 있게 한다. // 이러한 요소는 ie8에 대응하기 위한 요소로 조건부 주석을 적용하면 편하다. // ie9 미만 (즉 8부터) // ie 9일경우 // ie 8일경우 // ie9보다 작거나 같다면 /* 조건부 주석 ! : 아니다(not) - 예) [if !ie] ie가 아니라면 lt : 작다(less than) - 예) [if lt ie 9] ie9 보다 작다면 lte : 작거나 같다(less than equal) - 예) [if lte ie 8] ie8 보다 작거나 같다면 gt : 크다(greater than) - 예) [if gt ie 6] ie6 보다 크다면 gte : 크거나 같.. 이전 1 다음
