전체 글57 Git의 사용 흐름 정리 Git을 사용하는 일반적인 흐름에 대해 알아보겠습니다. Git에는 여러 가지 중요한 개념들이 있습니다. 그중에서도 Git을 실수 없이 사용하기 위해서는 다음 4가지 개념을 명확히 이해하는 것이 좋습니다. 간단한 질문에 답하면서 개념을 정확히 이해하고 있는지 확인해 보세요. Git의 핵심 구조와 파일의 상태 변화 Git의 핵심 구조는 working directory, staging area, 그리고 repository로 구성되어 있습니다. working directory에서는 실제 파일을 수정하며, 이 변경 사항을 다음 커밋에 반영하기 위해 Stage에 보관합니다. git commit 명령어를 사용하면, staging area에 준비된 변경 사항이 repository로 이동하며, 새로운 버전이 생성됩니다... 2023. 10. 27. Git ignore 살펴보기 우리는 working directory에 있는 파일들을 git add git commit 하면서 프로젝트를 버전 관리합니다. 그런데 working directory 안에 있음에도 불구하고 Git에 의해 그 존재 자체가 무시되는 파일들이 있습니다. 1. .gitignore 파일 살펴보기 잠깐 아래 그림을 볼까요? 지금 GitHub에서 Mathbox라는 레포지토리를 만들려고 하는데요. 여기서 화면 하단을 보면 Add .gitignore: None 이라는 설정 탭이 보입니다. 이 말은 .gitignore 파일을 만들지 않겠다는 뜻입니다. .gitignore 파일이 뭘까요? .gitignore 파일은 working directory 내에 존재하는 파일들 중에서 마치 존재하지 않는 것처럼 Git이 인식해야할 파일.. 2023. 10. 26. Git stash 알아보기 1. 작업 내용 저장 git stash 2. 작업 내용 조회(=스택 살펴보기) git stash list 3. 작업 내용 적용 git stash apply [작업 내용의 아이디] 작업 내용의 아이디를 생략하면 가장 최근의 작업 내용이 적용됨 4. 작업 내용 제거 git stash drop [작업 내용의 아이디] 작업 내용의 아이디를 생략하면 가장 최근의 작업 내용이 제거됨 작업 내용을 적용하면서 동시에 스택에서 제거도 해주는 커맨드도 있습니다. git stash pop [작업 내용의 아이디] 이라는 커맨드입니다. 이 커맨드를 쓰면 특정 작업 내용을 적용함과 동시에 그것을 스택에서 제거합니다. 어떤 커맨드인지 직접 보여드릴게요. 1. git stash 하기 아래 그림과 같은 README.md 파일을 갖고 .. 2023. 10. 26. Git에서 자주 쓰는 커맨드 모음 [Git 써보기] git init : 현재 디렉토리를 Git이 관리하는 프로젝트 디렉토리(=working directory)로 설정하고 그 안에 레포지토리(.git 디렉토리) 생성 git config user.name 'codeit' : 현재 사용자의 아이디를 'codeit'으로 설정(커밋할 때 필요한 정보) git config user.email 'teacher@codeit.kr' : 현재 사용자의 이메일 주소를 'teacher@codeit.kr'로 설정(커밋할 때 필요한 정보) git add [파일 이름] : 수정사항이 있는 특정 파일을 staging area에 올리기 git add [디렉토리명] : 해당 디렉토리 내에서 수정사항이 있는 모든 파일들을 staging area에 올리기 git add ... 2023. 10. 24. Git의 3가지 작업 영역과 파일의 상태 Git은 내부적으로 크게 3가지 종류의 작업 영역을 두고 동작합니다. 각 작업 영역의 이름은 working directory staging area repository 입니다. 첫 번째 작업 영역인 working directory는 작업을 하는 프로젝트 디렉토리를 말합니다. 그러니까 지금 상황에서는 MathTool 디렉토리가 working directory입니다. 두 번째 작업 영역인 staging area는 git add를 한 파일들이 존재하는 영역입니다. 커밋을 하게되면 staging area에 있는 파일들만 커밋에 반영됩니다. 세 번째 작업 영역인 repository는 working directory의 변경 이력들이 저장되어 있는 영역입니다. 그러니까 커밋들이 저장되는 영역이라는 뜻인데요. work.. 2023. 10. 24. 유닉스에서 사용하는 '파일과 디렉토리' 커맨드 정리 pwd (print working directory) 사용법: pwd 현재 디렉토리 (working directory)의 경로를 출력합니다. cd (change directory) 사용법: cd [PATH] 예: cd dir1 PATH 경로에 해당하는 디렉토리로 이동합니다. 아무 아규먼트 없이 cd를 하면 사용자의 홈 디렉토리로 이동합니다. -을 사용하면 이전 경로로 돌아갑니다. cd path/to/foo (foo 디렉토리로 이동) cd path/to/bar (bar 디렉토리로 이동) cd - (다시 foo 디렉토리로 이동) ls (list) 사용법: ls [-al] [PATH] 예: ls -al dir1 PATH에 해당하는 디렉토리 / 파일 정보를 보여줍니다. PATH 아규먼트를 안 주면 현재 디렉토리.. 2023. 10. 23. 유닉스 vim 사용법 정리 vim 실행하기 vim 커맨드를 사용하면 됩니다. vim 파일 경로를 아규먼트로 주면 해당하는 파일을 열거나, 존재하지 않으면 새로 만들어 줍니다. vim path/to/file vim의 4 가지 사용 모드 vim에는 4가지 사용 모드가 있습니다: 일반 모드 입력 모드 비주얼 모드 명령 모드 각 모드에서는 아래와 같은 작업을 할 수 있습니다. 그리고 아래와 같은 단축키를 이용해서 모드를 전환할 수 있습니다. 단축키 정리 텍스트 입력: 입력 모드(i) → 텍스트 입력 텍스트 한 줄 복사: 일반 모드 → 복사하고 싶은 줄에 커서 위치 → yy 텍스트 한 줄 잘라내기: 일반 모드 → 잘라내고 싶은 줄에 커서 위치 → dd 특정 영역 복사: 비주얼 모드(V는 줄 단위, v는 글자 단위) → 복사하고 싶은 영역 .. 2023. 10. 23. CSS 그리드 기능 정리 그리드 나누기 display 속성을 grid 로 하고 grid-template-columns 속성으로 컬럼을, grid-template-rows 속성으로 로우를 나눌 수 있습니다. 예를 들어서 3 x 2 그리드를 만드는데, 컬럼 너비는 각각 100px, 200px 100px이고 로우 너비는 150px 200px이라면 아래와 같이 쓸 수 있죠. display: grid; grid-template-columns: 100px 200px 100px; grid-template-rows: 150px 200px; 유연한 크기 단위 fr 이라는 단위를 사용하면 플렉스박스처럼 전체 크기에 대해 상대적인 값을 지정할 수 있습니다. 예를 들어서 3 x 2 그리드에서 컬럼의 너비를 1 : 1 : 1로 하고 싶다면 아래처럼 할.. 2023. 10. 21. CSS 플렉스박스(Flexbox) 기능 정리 플렉스박스 만들기 display: flex; 기본 축과 교차 축 배치 방향 flex-direction을 사용하면 기본 축의 방향을 정할 수 있습니다. 이때 기본 값은 row입니다. 기본 축 정렬: justify-content justify-content를 사용하면 기본 축 방향으로 정렬할 수 있습니다. 기본 값은 flex-start입니다. 교차 축 정렬: align-items 교차 축 방향으로 정렬할 때는 align-items를 사용합니다. 기본 값은 stretch(늘려서 배치하기) 입니다. 요소가 넘칠 때: flex-wrap 요소가 넘치는 경우 flex-wrap: wrap을 지정해주면 교차 축 방향으로 넘어가서 배치됩니다. 간격: gap 숫자를 하나만 쓰면, 모든 방향의 간격을 지정할 수 있습니다. 세.. 2023. 10. 20. 이전 1 2 3 4 5 6 7 다음
