첫 번째 메인 페이지를 담당하게 되었고 깃, 깃허브 관련해서 사용법이 헷갈려 써봄.
깃이란 ? 소규모에서 초대형 프로젝트에 이르기까지 모든것을 신속하고 효율적으로 처리하도록 설계된 오픈 소스 버전
제어시스템.
깃의 주요 기능
1.내 문서의 수정 이력을 체계적으로 관리할 수 있다.
2. 협업체계- 여러사람이 하나의 프로젝트를 수행할 때 하나의 저장소를 기반으로 자신만의 개발버전을 관리할 수 있어 관리나 협업에 체계적임. 또한 물리적인 장치 usb가 없이도 서로의 코드를 주고 받거나 합치는 과정이 가능함
깃허브- 깃을 이용하는 사용자들에게 편의를 제공하기 위해 존재하는 플랫폼
내가 만들어서 올리고 싶을때
1. git init 맨 처음에 프로젝트 올릴때 vsc터미널에 입력.
2.git add . (어떤 파일을 깃허브에 올릴지 찾아보겠음)
git add index.html(인덱스파일만 올릴거다)
3.git status 2번에 설정했던 저장 할 수 있는 상태를 확인해서 알려줌.
4.git commit -m "first commit" ""네임으로 저장.
깃허브에 올릴려면 연결고리
5. git remote add origin 영어로 적혀진 부분 복붙(연결고리 생성)
(git remote v- 쳐서 확인가능)
8. git push origin master 마스터 브랜치로 코드를 보낸다
코드 수정 후에도 보내고 싶다면
1. git add.
2.git commit - m "하고 싶은 명"
3. git push origin mater
깃허브로 협업하는 법.
- 리더가 깃허브에 프로젝트를 올려놓음 ( 틀, 형식 등등 간단하게 작성해서 )
1. 깃허브에 올라와있는 코드 다운받는 법
↓
코드 눌러서 주소 복사
2.커맨드 창 열어서 git clone(복제) 위 코드 복붙 + 파일이름 넣기
3. cd 파일이름
3. code .
vsc 열리면서 들어가짐
수정하고 다시 올릴려면
1. git add.
2.git commit - m "하고 싶은 명"
3. git push origin master 하면 안되고
3. git checkout -b 이름암거나 master은 최종용이기 때문에 브랜치를 하나더 파서 거기에 일단 저장.
4. git push origin 이름 암거나
협업을 하면서 서로 작성하는 코드가 다르고 부분이 다르니까 동기화를 시켜줘야함 -> pull해서 서로 동기화
우선 적고 있던것들 저장해주기 1.2
1. git add .
2.git commit -m "이름"
3. git pull origin master 마스터 브랜치로부터 새로운 변화 소스코드를 받아옴 동기화 시켜줌.
C:\User\SAMSUNG\Desktop\team-intro> git branch "ppp"
C:\Users\SAMSUNG\Desktop\team-intro> git checkout "ppp"
C:\Users\SAMSUNG\Desktop\team-intro>git add . // git add. 해서 add. 은 (all)이라는 의미. 작업중인 폴더 내에 모든 변경사항을 추가하는 명령. (그냥 add(파일명)은 특정 파일만 저장한다는 뜻)
add사용하고 git status하면 어떤 파일 저장할 지 상태 나옴.
C:\Users\SAMSUNG\Desktop\team-intro>git commit -m "홈버튼 추가" // 변경사항은 정확하게 적어주는게 좋음
Author identity unknown
*** Please tell me who you are. // 에러발생
Run
git config --global user.email "you@example.com"
git config --global user.name "Your Name" // 계정 설정을 하지 않았기 때문 // 시작전에 해줘야함.
↓
git config --global user.email "you@example.com" 본인 이메일
git config --global user.name "Your Name" 이름으로 바꾸기 깃허브 닉네임으로 하는게 좋음
설정하고 다시 변경사항 저장.
C:\Users\SAMSUNG\Desktop\team-intro>git commit -m "홈업데이트"
[hyeonjeong f856643] 홈업데이트
1 file changed, 55 insertions(+), 12 deletions(-)
C:\Users\SAMSUNG\Desktop\team-intro>git push origin ppp 푸쉬로 저장한것들 올려줌.
오늘 프로젝트 하면서 헷갈린 거
1. 온클릭 이벤트로 다음 페이지 넘어가기.
button onclick = "gotopage()" 하고
헤드쪽에 < script> 생성해서
function gotopage(){
window.location.href = 'html이름'
}
2. 이미지 넣는 거
img src ="" 안에 이미지 경로 주소 넣어도되지만,
vsc안에 파일로 img 만들어서 이미지 사진 넣어줌 - > 사진 넣을 파일에
<img src = "./img/logo.png png 인지 jpg 인지 확인하고