[git] 깃, 깃허브 기초, 미니해커톤

노호준·2023년 1월 10일
0

git

local repository

내 컴퓨터 개인 전용 저장소
git init : 평범한 폴더를 깃폴더로 만듦
git status : git 리포지토리 상태 확인
git add . : 경로내 모든파일을 staging area에 옮김, git의 관리하에 둠
git commit : 코드 저장, 메시지 남기기, 커밋전 git status로 상태확인
git commit -m "commit Message", 커밋 메시지는 짧고 간결하고 축약적으로
git reset HEAD^ : 커밋 취소

이미 클론했을때

git add .
git commit -m "message"
git pull origin main
git push origin main

remote repository

원격 온라인 서버상 저장소, 여러명이 공유가능
1. github에서 원격 리포지토리 생성
2. git remote add: 로컬리포지토리에 원격 리포지토리 git url을 등록
3. git push: local git repository에 기록한 내역을 원격레포지토리에 푸시함
4. git remote add origin github.com : 로컬 리포에 원격주소를 등록함.
5. git remote -v : 원격리포지토리 잘 연결됐는지 확인
6. git branch : 현재 branch 확인
7. git push origin master / git push (하나일때)
8. 협업: fork > clone > 작업

git 추가팁

  • 그냥 깃허브사이트 들어간뒤 리포지토리 만들고 cmd 원하는 폴더까지 cd 한뒤 git clone 하면 리포지토리 이름으로 폴더가 생김, git remote add까지 알아서 돼있음

  • 다른사람 리포지토리를 clone하려면 꼭 먼저 fork하고 제 리포지토리에서 clone해야하나요?
    포크를 반드시 해야하는가? o 남의 레포지토리 바로 커밋하고 푸쉬하면 큰일남. 내가 작업한걸 적용하고싶으면 > pull request 하면 사수가 검토후 merge해줌

  • code .으로 터미널에서 vscode 킬수있음

미니해커톤

  • data js에서 더미데이터가 있음. 이 구조를 이해못할수있는데, 1번줄 대괄호가 배열이다.
    배열의 첫번째 요소는 객체다. 41개의 더미질문데이터를 넣어놓았음. 저 데이터를 잘 나열해보렴!
    submit 누르면 새로운게 생기는것까지 구현하라.
    로컬스토리지 해보고싶으면 해봐라~
  • 컴포넌트 : 하나의 기능 구현을 위한 여러코드묶음

기타 팁

  • border-box 적용
  • li요소 안보이게
  • 고정된 너비가 아님
  • 가운데로 모으기 : flex 일단 body를 display:flex, justify, align center로
  • 기초설정 * { margin: 0 padding: 0; box-sizing: border-box}
  • li
  • css-tricks dribble colorhunt
  • script.js
  • data.js 걸 잘 가져오려면 append해야만 d2coding

//할것
//제목글씨줄이기, 밑줄없애기
// 마진 패딩주기
// 맨위에 세개 칸채우기
//요소마다 박스넣기

0개의 댓글