2025.10.13

Web을 들어가며 목적

처음부터 땅 파서 프론트, 백엔드를 다 개발하는 것이 아니라, 디자이너들에게 받은 코드(html,css,javascript)를 수정할 수 있는 정도로 학습하는 것. 우리는 백엔드에 초점을 맞춰 학습할 것.

화면(프론트)

HTML, CSS, JavaScript

서비스(백엔드)

Java, DataBase, JSP, 프레임워크

Git (버전 관리 시스템)

📁 Git의 기본 구조

영역	설명
1. Working Directory (작업 공간)	실제로 파일을 수정하는 공간
2. Staging Area (임시 저장소)	커밋 전, 변경 내용을 잠시 저장해두는 공간 (`git add`로 올림)
3. Repository (저장소 / HEAD)	커밋이 기록되어 관리되는 실제 저장 공간

파일을 생성하고 git 영역으로 만드는 법

cd를 통해 파일로 이동하고 git init 명령어 실행

💻 Git 기본 명령어 (CMD 기준)

명령어	설명
git status	현재 상태 확인 (수정된 파일, 스테이징 여부 등)
git add 파일명	특정 파일을 스테이징 영역에 올림
git add .	변경된 모든 파일을 스테이징에 올림
git commit -m "feat: 첫 커밋"	스테이징된 파일을 커밋함 (물리적으로 올려버림)
git log	커밋 히스토리 자세히 확인 (작성자, 날짜, 메시지 등)
git log --oneline	커밋 히스토리를 한 줄씩 간단히 표시
git diff	변경된 코드 내용을 상세히 비교하여 확인

🏷️ 커밋 메시지 규칙 (Prefix 예시)

접두어	의미
feat	새로운 기능 추가
fix	버그 수정
build	빌드 관련 변경
docs	문서 수정
test	테스트 코드 관련 수정
refactor	코드 리팩토링 (기능 변화 없이 구조 개선)

💡 회사마다 접두어 규칙이 다를 수 있음.

🔙 커밋 되돌리기 명령어