[TIL][02/18_본캠프 2일차] Html 초안 마무리, git 공유

　오늘 학습 요약　

1. 팀프로젝트

• HTML 초안 마무리
  • 좋아요 기능 추가
  • 느낀 점
• Git-hub에 파일 업로드하기
  

---

　학습 내용 정리　

1. HTML 초안 마무리

• 좋아요 기능 넣기 (Java script 활용)
• .
• 느낀 점
  • 데이터 베이스 연결의 중요성 :
    처음 나의 생각은 상세페이지 내용을 일일이 하드코딩하여 5개의 html을 만드는 것이었는데, 같은 틀에 내용만 바꿀건데 이러한 방식은 비효율적이라는 생각이 들었다.
    데이터베이스로 조원의 데이터를 입력 받아서 버튼을 클릭하면 해당 값을 가져오는 방식으로 데이터를 가져오는 것이 좀 더 효율적인 것 같다. 
    
    
  • 백업 파일의 필요성 :
    팀프로젝트 작업을 하다보면 팀원들이 수정하다가 코드가 지워지게 되는 경우가 종종 있었다. 그때 바로바로 기존코드를 참고하여 수정할 수 있도록 원본 백업파일을 잘 가지고 있어야 할 것 같다. 지나가듯 듣기로 git에서 그런 기능이 있는 거 같은데.. 아직은 활용할 줄 모르니 나는 백업 열심히 해놔야겠다.
    
    
  • 커뮤니케이션 자세 :
    팀 프로젝트를 하다보면 의도가 다르게 전달되어 다른 방향으로 진행되는 경우도 있고, 같은 부분을 2명이 동시에 작업하다가 뒤늦게 알게되어 한명이 노력한 결과물을 포기해야하는 경우가 생기기도 했다. 이때 한사람의 노력을 인정하고, 죄송하지만 (객관적인 이유)로 B안을 선택해서 진행하는게 현상황에서는 조금더 좋지 않을까요? 라고 설득하는 모습이 인상깊었다. A안을 만든 팀원도 사유에 납득하고, B안을 선택하는 것에 동의하는 모습을 보며 좋은 팀커뮤니케이션의 예시라고 생각이 들었다.

2. Git-hub에 파일 업로드하기 (윈도우 기준)

• 윈도우 기준 VS Code에서 Git Hub로 파일 업로드 하는 방법
  ① VS Code에서 터미널 열기
  - VS Code 실행
  - 업로드할 파일이 있는 폴더 열기
  - 상단 메뉴에서 터미널 → 새터미널 클릭 (또는 Ctrl + ~ 단축키 사용)
  
  ② Git 초기화
  - 터미널에서 git init  입력
  => 해당 폴더가 Git 저장소로 설정되어 폴더 내 숨김 파일로 .git 폴더가 생성
  
  ③ GitHub에 새로운 저장소(레포지토리) 만들기
  - GitHub에 접속 후 로그인
  - 우측 상단의 + 버튼 → New repository 클릭
  - 저장소 이름을 입력하고 Create respository 버튼 클릭
  - 화면에 나오는 Git 저장소 연결 명령어 복사
  => 예시 : git remote add origin https://github.com/사용자이름/저장소이름.git
  
  ④ 파일 추가하고 GitHub에 업로드
  - 파일을 Git에 추가 : git add .
  => . 은 모든 파일을 추가한다는 의미
  - 변경사항 커밋 : git commit -m "변경 내용 입력"
  - GitHub 저장소 연결 (위에 복사한 명령여 입력) : git remote add origin https://github.com/사용자이름/저장소이름.git
  - GitHub로 업로드 (Push)
    : git branch -M main #브랜치 이름을 main으로 변경(필요한 경우)
      git push -u origin main
  => 처음 push 할때는 -u origin main 옵션을 사용하고, 이후에는 git push만 입력
  
  ⑤ 최초 설정 이후에는 간단하게 GitHub에 업로드 가능
  - git add .
  - git commit -m "수정 내용"

---

　메모　

1. ㅠㅠ 팀프로젝트는 어렵다... 코드가 충돌될까봐 걱정이다. Git사용법도 아직 익숙치 못해서 오래 해맸다..

2. 3일차라 당연(?)한거지만.. 너무 못따라간다. 1인분의 몫은 하고싶은데 0.1인분도 겨우 하는 거 같다. 주말에 시간내서 공부해야한다.

---

　다음 공부 계획　

1. 못한 git 특강 복습 다시 하기...