본문 바로가기
반응형

CS32

Git 용어정리 1) 영역 working directory 현재 작업하고 있는 공간을 말합니다. Git이 관리하고 있지만, 아직 추적( track )하고 있지 않은 상태입니다. index stage 또는 staging area라고 하며, 준비 공간을 말합니다. Git이 추적하고 있으며, 버전으로 등록되기 전 상태입니다. repository 저장소를 의미합니다. 본인 PC에 존재하는 저장소인 local repository Github, Gitlab 같은 원격 저장소인 remote repository가 있습니다. 2) Flow git init .git 폴더를 생성합니다. .git 폴더가 있어야 파일을 추적할 수 있으며, Git과 관련된 작업을 할 수 있습니다. git add working directory의 변경된 작업 파.. 2020. 1. 2.
로컬 스토리지 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.
728x90
반응형