GitHub8 Git - Vite와 React, pnpm 으로 github page 배포하기 일단 이 포스팅을 남기는 이유는vite, react, pnpm 을 사용해 github page를 배포하려다 호되게 후두려 맞았기 때문이며, 지난날 삽질의 기록이기도 하다. 일단 vite 생태계는 좀 다르다. 빌드 결과물의 경로가 build 디렉터리가 아닌 dist 디렉터리를 바라본다.또한 baseurl 도 잘 지정해주어야 한다. 빌드는 결국 경로 지정 싸움이기 때문이다.그래서 vite 웹사이트에서 static site build 를 안내하는 섹션이 따로 있을 정도이다. 그래서 배포시 extra care 가 필요하다고 본다. 기억나는 데로 크게 세 가지 범주로 나누어 볼 수 있다. 1. 깃헙 페이지 세팅하기 2. vscode 세팅하기3. 깃헙 페이지 배포하기 Git - Vite와 React, pnpm 으.. 2024. 8. 25. Git(24) Private Repository 다른 사람과 공유하기 깃헙에서는 저장소를 만들 때, private 혹은 public 로 공개여부를 설정할 수 있다. public 은 모두가 볼 수 있지만, private 은 나와 내가 공유한 사람만 볼 수 있다. 깃헙을 사용하다보면 내 Private Repository 를 다른 사람과 공유해야 하는 일이 있다. 자, 공유방법을 알아보자. Git(24) Private Repository 다른사람과 공유하기 준비물 공유할 유저의 깃헙 아이디 공유 방법 1. private repository 페이지에서 settings 로 들어간다. 2. Manage access - Invite a collaborator 를 클릭 3. 검색창이 나타나면 유저네임을 입력해준다. 4. 검색 하면 유저가 나온다. 초록버튼을 클릭해주자 5. Manage .. 2021. 8. 15. Git(16) 다른개발자의 코드받아 작업하기 (터미널) 신입 1일 차, 다른 개발자분의 코드를 받아와 작업을 하려고 한다. 앞이 막막해지는 순간, 찬찬히 떠올려보자 실제 현업에서의 깃 협업 흐름과 그에 따른 터미널 명령어를 정리한 포스팅이다. (소스트리 사용하는 협업은 Git(1) - Git(12) 포스팅을 참조하시길) Git(16) 다른개발자의 코드받아 브랜치 만들어 작업하기 (터미널) Git(17) 다른 개발자의 코드받아 작업 후 업데이트하기 (터미널) Git(18) 다른 개발자의 코드로 작업 후 Pull Request 하기 깃 다운로드 후 터미널 세팅 1. git 사용자 등록하기 git config --global user.name "name" git config --global user.email "gittt@gmail.com" 2. 등록 후 사용자 .. 2021. 3. 28. Git(15) STS에서 깃헙(GitHub)에 프로젝트 올리기 STS (Spring Tool Suite)에 GitHub을 연동해보자 그리고 프로젝트를 GitHub에 업데이트까지해보자 STS - GitHub 연동 1. STS를 켜서 빨간박스를 눌러 눌러 창을 연다. 2. Git을 선택 3. 화면 좌측의 Git Repositories 탭에서 아래 버튼을 누른다. 4. (잠깐 STS는 홀드하고) GitHub 웹사이트에 들어가 연동할 Repo페이지로 들어가서 url을 복사 ! 5. 다시 STS로 복귀한뒤 복사한 URL 붙여넣고 깃헙 아이디와 비번을 입력 6. 그다음은 쭉쭉 진행 7. 다시 Git Repositories 보면 잘 들어와 있다. 무사히 연동됨 GitHub에 프로젝트 업로드 1. 올릴 프로젝트 폴더 우클릭 [Team]- [Share Project] 2. 빨간박스.. 2021. 1. 28. Git(14) ReadMe와 Wiki에 이미지 넣기 1. 깃허브 저장소 내의 Issues 탭의 입력창 안에 이미지 드래그 하면 코드가 생긴다. 복사하자 2. 위키나 리드미 입력창에 붙여넣기 한다. 문서에서는 이미지가 제대로 뜬다. 만약 이미지 사이즈를 조정하고 싶다면 이런식으로 주기 2021. 1. 20. Git(12) 깃헙을 통해 브랜치 만들기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 6. Git(12) 깃헙을 통해 브랜치 만들기 브랜치 만들기 나는 데스크탑으로 starbucksReplica 라는 폴더에서 작업하고, 팀원은 노트북으로 starbucks 라는 폴더로 작업 중인 상황이라고 가정 해보자. 방법 1) 터미널에서 생성 git checkout -b my-idea // my-idea라는 새 브랜치 만들고 바로 체크아웃 하기 ----- (dino 라는 새.. 2021. 1. 15. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 6. Git(12) 깃헙을 통해 브랜치 만들기 팀원들과 깃헙을 통해 작업 주고받기 나는 데스크탑으로 starbucksReplica 라는 폴더에서 작업하고, 팀원은 노트북으로 starbucks 라는 폴더로 작업 중인 상황이라고 가정 해보자. 나(starbucksReplica) : dog 파일을 snoopy 에서 mong 으로 변경했어 !! 나(starbucksReplica) :.. 2021. 1. 15. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 GitHub를 사용하는 법 대한 깃 포스팅 순서이다. 1. Git(7) 원격저장소 생성하기 2. Git(8) .gitignore 이란 3. Git(9) Clone 으로 깃허브 소스 내려받기 4. Git(10) Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 5. Git(11) 팀원들과 깃헙을 통해 작업 주고받기 Push 로 로컬저장소에서 원격저장소(GitHub)로 데이터 반영하기 프로젝트 파일 단위 데이터를 모아모아 → 로컬저장소에서는 stage 해서 커밋하는 거라면 로컬저장소 단위 데이터를 모아모아 → push 로 {로컬 → 원격} 저장소로 데이터를 보낸다. (깃헙 페이지 새로고침하면 push한 내용이 그대로 반영된다.) - 파일에 변화를 준뒤 stage와 커밋으로 밑작업을 해놓았.. 2021. 1. 15. 이전 1 다음 반응형
