깃 저장소 만들기 1. 깃 초기화하기 - #1. 깃 저장소를 만들 디렉터리를 생성 : mkdir myGit - #2. myGit 디렉터리로 이동 : cd myGit - #3. 이 디렉터리에 저장소를 생성 : git init - Initialized empty Git repository... 라고 나타나면 그때부터 해당 디렉터리에서 깃을 사용할 수 있음 - #4. ls -al를 입력하여 .git이라는 디렉터리가 생겼는지 확인 - 이 디렉터리가 깃을 사용하면서 버전이 저장될 저장소 역할을 함
리눅스 명령어 1. 리눅스 명령어 - 깃을 사용하기 위해서는 리눅스 명령어를 알아야 함 (리눅스 파트에서 정리하였음) 리눅스란? 리눅스 명령어1 리눅스 명령어2 리다이렉션 Vim 에디터
Git 1. Git - 컴퓨터 파일 변경사항을 추적 또는 사용자들 간 파일 작업을 조율하기 위해 스냅샷 스트림 기반의 분산 버전 관리 시스템 2. Git의 기능 - 깃이 제공하는 핵심 기능은 크게 3가지로 나뉨 - 버전 관리(Version Control) - 백업(Backup) - 협업(Collaboration) 3. 버전 관리 - 1,000개가 넘는 파일을 수정할 때 마다 다른 이름으로 저장한다면, 기억하기 쉽지 않음 - 그렇기 때문에 깃은 문서를 수정할 때마다 언제 어떻게 변경했는지 기록되는 기능이 존재 4. 백업 - 문제가 발생하여 자료가 유실되지 않기 위해 현재 컴퓨터에 있는 자료들을 깃의 원격 저장소에 복제하는 기능이 존재 5. 협업 - 여러 사람이 함께 일할 경우, 원격 저장소를 이용해 원활하..
미디어 쿼리 1. 미디어 쿼리 - 웹 페이지가 표시되는 장치에 반응하도록 하여 반응형 웹을 구현할 수 있는데, 이때 사용하는 것이 미디어 쿼리임 - 미디어 쿼리는 두 가지 방법으로 사용 가능 - @media 규칙 - media 속성 2. @media 규칙을 이용해 미디어 쿼리 사용하기 Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet consectetur adipisicing elit........... - max-width: 800px는 화면 너비가 800이 되기 전까지의 설정 (최대 너비) - min-width: 800px는 화면 너비가 800이 될 때부터의 설정 (최소 너비) 3. media 속성을 ..
● flex-direction 속성 - 아이템의 배치 방향을 결정 - flex-direction: row | row-reserve | column | column-reverse | initial | inherit - row : 가로로 정렬 (기본값) - row-reserve : 가로로 오른쪽에서 정렬 - column : 세로로 정렬 - column-reverse : 세로로 밑에서부터 정렬 - initial : 기본값으로 설정 - inherit : 부모 요소로부터 상속받음 ● flex-wrap 속성 - 아이템이 컨테이너의 공간을 넘칠 경우, 아이템의 줄바꿈을 어떻게 할 것이지 결정하는 속성 - flex-wrap: nowrap | wrap | wrap-reverse | initial | inherit - n..
flex 관련 속성 정리 3 1. flex-basis 속성 - 아이템들의 기본 크기를 설정 (flex-direction이 row 일 경우 너비, column 일 경우 높이를 조절함) - 0, %, px, rem 등으로 설정 가능 ※ flex-basis에서 설정한 너비가 이미 넘은 아이템일 경우, 축소되지 않음 → 그럴 경우, word-wrap: break-word를 적용하여, 설정한 너비만큼 줄어들고 남은 텍스트는 줄바꿈됨 AAA BBB CCC .container { border: 1px solid black; width: 500px; height: 200px; display: flex; font-size: 2rem; font-weight: bold; } .container > div { margin: ..