기본 명령어
git init: 새로운 Git 저장소 생성
git clone <url>: 원격 저장소 복제
git add <파일명>: 파일을 스테이징 영역에 추가
git commit -m "메시지": 변경사항을 커밋
git status: 작업 디렉토리의 상태 확인
git log: 커밋 히스토리 조회
브랜치 관련 명령어
git branch: 브랜치 목록 확인
git branch <브랜치명>: 새 브랜치 생성
git checkout <브랜치명>: 다른 브랜치로 전환
git merge <브랜치명>: 현재 브랜치에 다른 브랜치 병합
git branch -d <브랜치명>: 브랜치 삭제
원격 저장소 관련 명령어
git remote add <이름> <url>: 원격 저장소 추가
git push <원격> <브랜치>: 원격 저장소에 변경사항 업로드
git pull: 원격 저장소의 변경사항 가져와 병합
git fetch: 원격 저장소의 변경사항 가져오기(병합은 하지 않음)
변경사항 관리
git diff: 변경사항 비교
git reset <파일명>: 스테이징 취소
git reset --hard <커밋>: 특정 커밋으로 되돌리기
git revert <커밋>: 특정 커밋 취소
기타 유용한 명령어
git stash: 변경사항 임시 저장
git tag: 태그 생성 및 관리
git cherry-pick <커밋>: 특정 커밋만 선택하여 반영
처음 레포지터리 생성 후 깃허브에서 알려주는 명령어
git init
git remote add origin https://github.com/내아이디/내레포지터리.git
git add .
git commit -m "my commitment"
git push -u origin main
or
git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/내아이디/내레포지터리.git
git push -u origin main
깃허브에 연결된 레포지터리 확인
로컬 폴더에 연결된 레포지터리 확인 : git remote -v
로컬 폴더에 레포지터리 재연결 : git remote add origin https://github.com/내아이디/내레포지터리.git
Git과 GitHub를 사용한 작업 흐름
Working Directory
파일 수정 및 작업 수행
Staging Area (Index)
git add <파일명> 또는 git add .: 변경사항을 스테이징
Local Repository
git commit -m "메시지": 스테이징된 변경사항을 로컬 저장소에 커밋
Remote Repository (GitHub)
git push origin <브랜치명>: 로컬 변경사항을 원격 저장소로 푸시
원격 저장소의 변경사항 가져오기
git fetch origin: 원격 저장소의 변경사항 정보 가져오기
git merge origin/<브랜치명>: 가져온 변경사항을 현재 브랜치에 병합
또는 git pull origin <브랜치명>: fetch와 merge를 한 번에 수행
브랜치 전환
git checkout <브랜치명>: 다른 브랜치로 전환
원격 저장소 복제
git clone <저장소URL>: 원격 저장소를 로컬에 복제
주요 흐름
1. Working Directory에서 작업
2. Staging Area로 변경사항 추가 (add)
3. Local Repository에 커밋 (commit)
4. Remote Repository로 푸시 (push)
5. 필요시 원격 변경사항 가져오기 (fetch/pull)
이건 Nextjs에서 구글 Analytics를 설정하기 위한 편한 라이브러리
npm install @next/third-parties@latest
npm 위 명령어로 일단 필요한 라이브러리를 설치하고.. 아래와 같이 layout.tsx에 삽입해주면 간단하게 끝이다.
import { GoogleAnalytics } from "@next/third-parties/google";
const MainLayout = ({ children }) => {
return (
<html lang="en">
<body>
<Navbar />
<main>{children}</main>
<Analytics />
<SpeedInsights />
<Footer />
</body>
<GoogleAnalytics gaId="G-123" />
</html>
);
};
export default MainLayout;
NextJS 프로젝트 시작하기
npm init -y
package.json에서 라이센스를 MIT바꾸고
npm install react@latest next@latest react-dom@latest
package.json에서 script에서 "dev" : "next dev"
new file 만들기 app/page.tsx
export default function Home() {
return <h1>hello</h1>;
}
만들고 npm run dev
package.json
"build" : "next build",
"start" : "next start"
.gitignore
npm 설치한 목록 리스트
npm list
npm으로 설치한 항목 모두 업데이트
npm update -g
'뉴스' 카테고리의 다른 글
| 블로거라면 꼭 봐야 할 황금 키워드 전략 Part 2 (0) | 2024.10.18 |
|---|---|
| Stripe Atlas가 필요한 이유 (0) | 2024.10.16 |
| 유튜브 요약 서비스 4개의 장점과 단점 (0) | 2024.10.15 |
| 캔버스와 함께하는 ChatGPT 4: 코딩의 새로운 패러다임 (0) | 2024.10.15 |
| 볼트(Bolt.new)가 Cursor와 v0를 대체할 수 있을까요? (0) | 2024.10.13 |
