기록저장소

02-1. 깃 저장소 만들기 깃 초기화하기 - git init 1. hello-git 디렉터리 만들기 $ mkdir hello-git $ cd hello-git 2. hello-git 내부 살펴보기 $ ls-la 3. 깃을 사용할수 있도록 디렉터리 초기화 : Initialized empty Git repository.. $ git init 4. 내부 살펴보기 : .git 생성(버전이 저장될 저장소) $ ls-la + 보여지지않는 디렉터리 .git window : [보기] + 숨긴항목 mac : [Shift] + [Command] + [ . ] 02-2. 깃 저장소 만들기 깃에서 버전이란 문서를 수정, 저장할 때 마다 생기는 것 스테이지와 커밋 이해하기 작업트리 (working tree) : 파일 수정, ..

01-1. 지옥에서 온 관리자, 깃 2005년, 리눅스 창시자인 리누스 토르발스가 출시 깃의 역할: 버전관리 -> 백업 -> 협업 1. 버전 관리 : 문서 수정 내용을 구체적으로 기록하기위한 버전 관리 시스템 2. 백업 : 현재 컴퓨터에 있는 자료를 다른 컴퓨터에 복제하는 것 - 깃허브 ex) 외장하드 디스크, usb, 드록박스, 구글드라이브 등 3. 협업하기 : 수정내역, 과정 중 문제해결 깃 프로그램의 종류 깃허브 데스크톱 / 토스터깃 / 소스트리 - 깃허브 데스트톱 깃허브 제공 프로그램, 깃 사용법을 UI로 구현한 것 쉽게 배울 수 있지만 기본기능 위주라 고급 사용자는 아쉬움 - 토스터깃 윈도우 전용 프로그램, 빠른 메뉴에 추가 가능 - 소스트리 깃의 기본부터 고급기능까지 사용가능한 프로그램 커맨드..

참고) takeknowledge.tistory.com/34 CSS와 javascript는 눈보다 빠르다 슬라이드와 무한슬라이드 일정 시간이 지나면 가로로 넘어가는 슬라이드를 만들어보자. 준비물은 다음과 같다. div 하나, 가로로 쭉 이어붙인 li 다섯개, 그 li 다섯개의 총 너비와 같은 너비를 가진 ul 하나! 여기에 필자는 takeknowledge.tistory.com

참고) zinee-world.tistory.com/453 [CSS] Gradient Border "보더에는 그라디언트 못 넣어요?" 디자이너님의 말 한마디에서 시작되었다. 그라디언트는 당연히 배경색에나 넣는 건 줄 알았던 나는 (!!!) 부랴부랴 방법이 있는지 찾아봤다. 역.시.있.었.다 http zinee-world.tistory.com

text-decoration: none;//선x text-decoration: line-through;//글자 중간 선 text-decoration: overline;//글자 위 선 text-decoration: unverline;//글자 아래 선 text-decoration: double;//글자 아래 두줄 text-decoration: dotted;//글자 아래 점선 text-decoration: dashed;//글자 아래 긴 점선 text-decoration: wavy;//글자 아래 물결선 text-decoration: initial;//기본값 text-decoration: inherit;//부모값 상속 색지정 가능 text-decoration: underline red; text-decoratio..

모바일 터치 이벤트를 제한할 수 있는 속성 touch-action auto - 기본 none - 터치이벤트 안됨 pan-x - X축 터치 스크롤 허용 pan-y - Y축 터치 스크롤 허용 manipulation - 핀치줌, 터치스크롤 pan-left - 왼쪽방향 터치스크롤 pan-right - 오른쪽방향 터치스크롤 pan-down - 아래바향 터치스크롤 pan-top - 위쪽 방향 터치스크롤 pinch-zoom - 핀치줌허용 참고) gahyun-web-diary.tistory.com/129 [CSS]touch-action 속성을 이용해 터치 제한하기 모바일 터치 이벤트를 제한할 수 있는 속성 touch-action auto - 기본 none - 터치이벤트 안됨 pan-x - X축 터치 스크롤 허용 pan..

내부박스 동일간격유지, 정렬 .boxWrap{ display:table; table-layout:fixed; width:100%; } .box{ display:table-cell; vertical-align:middle; }

중앙정렬 display:flex; justify-content: center; align-item: center;

ex) 메인페이지 3장 슬라이드 / 하단 컨텐츠 10장 슬라이드가 동시에 필요할 경우 " 기존swiper class들은 그대로 두고 swiper-container만 구별을 위한 class (ex. first-swiper, second-swiper)를 추가한다 " Slide 1 Slide 2 Slide 3 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 script에서 swiper-container로 적용된 부분을 구별 class (ex. first-swiper, second-swiper)로 바꿔준다. //first-swiper //second-swiper

1. 부모요소에 가상요소 추가하기 .wrapper{} .wrapper::after{content:''; display:block; clear:both;} .left-box{float:left;} 2.overflow:hidden ->보여져야하는 컨텐츠가 있을 경우 비추 .wrapper{overflow:hidden;} .left-box{float:left;} 3. 4.