2026. 7. 2. 16:22ㆍ타입스크립트로 함께하는 웹 풀 사이클 개발

[2일차] 포트폴리오 / 협업 환경 구성 (2)
25.12.31 · Part 2. 깃 처음 만나기 ~ Part 3. 깃허브로 협업하기
📋 오늘 다뤄본 것들
어제 배운 버전관리 개념을 바탕으로 오늘은 실제로 Git을 설치하고 손으로 눌러봤다. 로컬 저장소를 만드는 init부터 add, commit, log까지 기본 흐름을 CLI와 GUI 양쪽으로 실습했고, 마지막엔 GitHub 연동의 첫 명령어인 remote까지 짚었다.
🗂️ Part 2. 깃 처음 만나기
Chapter 4. 깃은 분산식 관리시스템
프로젝트 단위로 관리하고, 안전하면서도 편리하게 시스템을 운영할 수 있다는 게 분산식 관리의 핵심이다. 오늘은 이 구조 안에서 "깃"과 "깃허브"가 각각 어떤 역할을 맡는지를 정리했다.
내 컴퓨터에 깃 설치하기
깃 홈페이지(git-scm.com)에서 설치하고, 자세한 내용은 깃 BOOK(git-scm.com/book/ko/v2)을 참고하면 된다.
git --version을 입력해 버전이 뜨면 정상적으로 설치된 것이다.Chapter 5. 깃과 친해지기 — CLI vs GUI
컴퓨터에 명령을 내리는 두 가지 방식을 비교했다. GUI(그래픽 유저 인터페이스)는 화면을 통해 그래픽으로 명령을 내리는 방식이고, CLI(커맨드 라인 인터페이스)는 셸(shell)이라는 프로그램 창에 글자를 입력해 명령을 내리는 방식이다. MS-DOS, Terminal, 명령프롬프트, 파워셸, Bash가 대표적인 셸이다.
자주 쓰는 명령어 — 폴더 탐색
| 명령어 | 의미 |
|---|---|
ls |
폴더 안에 어떤 파일이 있는지 목록 확인 |
mkdir |
폴더 만들기 |
cd 경로 |
해당 경로(폴더)로 이동 |
cd .. |
이전 경로로 이동 |
자주 쓰는 명령어 — init, status, add, commit, log
Git으로 버전을 저장하는 기본 흐름은 아래 네 단계다.
cc로 메시지 작성 → [ESC] → :wq로 저장
Git 명령어 실습 — GUI로 init, add, commit
CLI와 같은 흐름을 GUI 툴로도 실습했다. git init으로 리포지토리를 초기화하고, 변경 내용을 스테이징(add, +)한 뒤, 커밋 버튼을 눌러 커밋 메시지를 적으면 commit이 완료된다.
깃 히스토리 설치하기
Git History 확장 프로그램을 설치하면 git log 기록을 그래픽 화면으로 편하게 확인할 수 있다.
🗂️ Part 3. 깃허브로 협업하기
Chapter 6. 깃허브 연동하기 — 자주 쓰이는 명령어
오늘은 GitHub 연동의 첫 명령어만 짧게 짚었다. 로컬 저장소가 어떤 원격 저장소와 연결되어 있는지 확인하는 명령어다.
✍️ 마치며
어제는 개념으로만 이해했던 버전관리를 오늘은 직접 손으로 눌러봤다. init → add → commit → log 흐름이 몸에 붙으니 왜 이 순서대로 동작하는지 훨씬 명확해졌다. 내일부터는 이 로컬 저장소를 GitHub와 연결해 실제 협업을 시작해볼 예정이다.
🏷️ Git | GitHub | CLI | GUI | 학습일지 | 데브코스
'타입스크립트로 함께하는 웹 풀 사이클 개발' 카테고리의 다른 글
| [풀스택] 260105월 - 포트폴리오 / 협업 환경 구성(3) (0) | 2026.07.02 |
|---|---|
| [풀스택] 251230화 - 포트폴리오 / 협업 환경 구성(1) (0) | 2026.01.24 |