반응형 전체 글147 로컬 스토리지 vs 세션 스토리지 vs 쿠키 로컬 스토리지(LocalStorage) 저장되는 데이터의 만료 기간이 없다. 웹페이지를 닫아도 저장된 데이터는 삭제되지 않는다. 자바스크립트로 삭제하거나 브라우저 캐시 / 로컬 저장된 데이터를 클리어하여 삭제해야 한다. 저장할 수 있는 공간은 세션 스토리지, 쿠키보다 크다. 클라이언트에서만 사용할 수 있다. 세션 스토리지(SessionStorage) 저장되는 데이터의 만료 기간이 있다. 웹페이지를 닫으면 저장된 데이터는 삭제된다.(세션이 끝나면 삭제된다) 저장할 수 있는 공간은 쿠키보다 크다.(최소 5MB) 클라이언트에서만 사용할 수 있다. 쿠키(Cookie) 만료 기간이 있으며 이는 서버 또는 클라이언트에서 설정할 수 있다.(보통 서버에서 설정한다) 주로 서버로 전송해야할 데이터를 저장한다. 저장할 수.. 2019. 12. 27. CSS 선언 순서 레이아웃(배치)과 연관성이 많은 속성 순으로 선언하는 것이 좋다. 모질라 파이어폭스 CSS 선언 순서 1. display 2. list-style 3. position 4. float 5. clear 6. width/height 7. padding/margin 8. border/background 9. color/font 10. text-decoration 11. taxt-align/vertical-align 12. white-space 13. other text 14. content 네이버 CSS 선언 순서 1. display, visibility(표시) 2. overflow(넘침) 3. float(흐름) 4. position(위치) 5. width/height(크기) 6. padding/margin(.. 2019. 12. 27. CSS 방법론 CSS를 보다 효율적으로 작성하기 위해서 생겨났다. 1. 쉬운 유지보수 2. 코드의 재사용 3. 확장 가능 4. 직관적인 네이밍 - 클래스명 만으로도 의미를 예측 가능하도록 하자. SMACSS (Scalable and Modular Architecture for CSS) 엄격한 프레임워크 보다는 스타일 가이드에 초점을 맞추었다. 사용목적 : * CLASS 명을 통한 예측 * 재 사용 * 쉬운 유지보수 * 확장 가능 하나의 사이트에서 공통으로 적용되는 Base가 되는 css의 집합을 만든다. 예) reset.css css 이름은 콘텐츠와 직접적으로 연관되고, 이름만으로 어떤 콘텐츠인지 알 수 있도록 해야 한다. – 접두사를 사용하여 레이아웃, 모듈, 상태 여부를 알 수 있도록 : layout-, modul.. 2019. 12. 20. 이전 1 ··· 34 35 36 37 다음 728x90 반응형
