[TIL] 250217 - 1일차

0. 오늘의 학습 키워드

• git 사용 특강
• 첫번째 팀 프로젝트 - 팀 소개 웹페이지 제작
  
  

1. Git / Github 사용법

Git 이란?

코드 변경점을 기록할 수 있도록 도와주는 버전 관리 도구(형상 관리 도구)

Git을 통해 소프트웨어의 변경사항을 체계적으로 추적 및 통제 가능.

Github 이란?

백업, 공유, 협업이 가능한 온라인 코드 저장소

따라서 Git을 통해 소프트웨어의 버전을 관리하고, 이를 Github을 통해 백업 및 공유함으로써 여러 사람들과 협업을 할 수 있다.

필수 Git 명령어

git init
: 프로젝트 시작 전 딱 한번 실행하면 된다. 프로젝트 폴더 위치에 주의. (정확한 추적 위함) 실행 후 해당 폴더에 .git 숨김 폴더가 생긴 것을 확인 가능하다.

git status
: 현재 브랜치, add 되지 않은 파일 등등 현재 추적 상황을 확인 가능하다.

git add 파일명
: 스테이징 작업. 커밋할 파일을 등록 가능하다. git reset 명령어로 스테이징한 파일을 취소 가능.

git commit -m 커밋메시지
: 스테이징된 파일을 로컬 브랜치에 저장한다. (원격 저장소에 영향X)

git push
: 현재까지 커밋된 내용을 원격 저장소에 저장한다. 기본적으로 origin main 브랜치에 전송.

git log
: 현재까지의 커밋 내역과 메시지 확인 가능.

Git 충돌

• push 과정에서 충돌이 날 경우 git pull 먼저 진행 후 다시 push 시도
• git pull 을 통해 원격 레포지토리의 최신 내용을 먼저 받아와야 함
• pull 과정에서 충돌날 경우 이전 커밋 버전으로 HEAD 조정
• git status 를 통해 어떤 파일에서 충돌이 났는지 확인 가능

2. 팀 프로젝트 - 팀 소개 웹페이지 만들기

진행 상황

1. 와이어 프레임 작성
2. 기술 선정
3. 역할 분담
   
   

와이어 프레임

Figma 대신 PPT로 와이어 프레임을 간단하게 구성해보았다.

팀원이 5명이라 역할 분담을 어떻게 해야할 지 고민이었다. 처음에는 Html, JS, CSS, DB 이렇게 나누려고 했는데 겹치는 부분이 많아 조정이 필요했다. 페이지 별로 1명씩 담당하고 (Html, CSS), DB와 JS를 1명씩 맡는 것으로 결정했다.

마치며

오랜만에 자바스크립트 쓰려니 생소하다. 프로그래밍 언어도 언젠가 언어 통일이 되길 🫠