개발자

리액트 깃허브 연결

2024년 04월 23일조회 148

리액트 프로젝트를 깃허브에 올리고 싶은데 vs코드로 저장소 연결해서 파일을 올리면 vs코드에서 작성된 파일들이 다 올라갑니다. 그런데 gh-pages 를 사용하여 연결하는 방법도 있던데 이건 파일들은 올라가지 않고 페이지 배포만 해주는거 같습니다. 1) 원래 gh-pages로 연결하면 파일들은 커밋되지 않는건가요? 2) 두 방법의 차이는 무엇이고 뭐가 올바른 방법인가요..?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

삭제된 사용자님의 프로필 사진

삭제된 사용자

2024년 04월 23일

안녕하세요. 질문자님이 말씀해주신 두 방법은 목적이 아예 다릅니다. 첫 번째 방법은 깃헙 레포지토리에 코드 공유나 관리를 위한 것이고 두 번째 방법은 만드신 리액트 프로젝트를 깃헙 페이지 기능을 사용해 레포지토리 페이지에서 조회하고자 하는 목적입니다. "리액트 프로젝트를 깃헙에 올리고 싶은데" 라고 말씀하신것을 보아 첫 번째 방법을 원하시는 것 같긴 한데요. 올라가지 않아야 하는 파일은 .gitignore 에 추가하시면 깃헙에 올라가지 않습니다. 원하시는 답변이 아니라면 좀 더 자세히 설명해주시면 좋을 것 같습니다 :)

profile picture

익명

작성자

2024년 04월 23일

아..딱 가려운 부분이였습니다! 검색 스킬이 안좋은지 찾아도 나오지않네요ㅠㅠ감사합니다. 혹시 실례가 안된다면 깃헙에 올라가지 않아야 되는 파일에는 api 키 말고 다른 예시가 뭐가 있을까요..?

profile picture

익명

작성자

2024년 04월 23일

저도 리액트를 전문적으로 쓰진 않아서요. react gitignore 같은 식으로 검색해보시면 어떤 파일들을 제외하는지 결과가 나오는데 참고해보시면 좋을 것 같습니다!

profile picture

익명

작성자

2024년 04월 23일

감사합니다!! 잘 검색해서 참고해보겠습니다. 시간 내주셔서 감사합니다!

소지우님의 프로필 사진

제가 제대로 이해한 것인지는 잘 모르겠으나, 아는 대로 답변드립니다. 작성자 분의 첫 번째 이야기는 "Git" 시스템 기반의 "GitHub" 이라는 저장소에서 코드를 관리하는 것입니다. 협업하여 코드를 작성해 나가는 경우 분산 버전 관리 툴로서, 형상 관리 그리고 오픈 소스 개발로도 활용됩니다. 두 번째 이야기는 "GitHub의 호스팅 서비스"를 통해 저장소 코드를 배포하는 작업이라고 생각하시면 됩니다. 작성자 분께서 말씀하신 내용으로 혹시 올라가면 안되는 파일이 있는데 프로젝트 디렉토리 안에 있는 모든 파일이 GitHub에 전부 올라가 문제를 겪고 계신 것이라면 .. "Git" 저장소와 연결된 프로젝트 루트 디렉토리에 .gitignore이라는 파일을 생성하여 제외하고자 하는 파일의 경로를 입력해 주시고 커밋을 진행해 주시면 되겠습니다. 예를 들어 node_modules를 올리고 싶지 않은 경우 .. .gitignore 파일 안에 /node_modules를 작성하여 커밋 대상에서 제외할 수 있습니다.

profile picture

익명

작성자

2024년 04월 23일

감사합니다! 답변해주셔서 큰 도움됐습니다!!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

AI 답변
커리어리 AI 봇 프로필 이미지

커리어리 AI 봇

GPT가 달아주는 답변입니다.

2024년 04월 23일

1) gh-pages 브랜치는 대개 프로젝트의 빌드된 출력 결과를 호스팅하는 데 사용됩니다. 따라서 원치 않는 파일이 커밋되지 않도록 .gitignore 파일을 제대로 설정해야합니다. gh-pages를 이용하면, 깃허브에서 별도의 브랜치(보통 'gh-pages'라는 이름의 브랜치)를 만들어 그 곳에 정적 사이트 관련 코드만 따로 관리할 수 있습니다. 따라서 소스코드 자체가 아니라 빌드된 결과물을 올리는 것이기 때문에 리액트 등 의존성 패키지들은 커밋되지 않습니다. 2) VSCode에서 직접 깃허브 저장소에 연결하여 파일을 올리는 방식은 모든 파일을 저장소에 올리게 됩니다. 이 경우 개발에 필요한 모든 파일들이 버전 관리되어야 하므로 초기 설정, 테스트 코드, 소스 코드 등 모든 부분이 포함될 것입니다. 반면 gh-pages를 사용하는 방식은 보통 소스 코드가 아닌, 빌드된 결과물만을 해당 브랜치에 올립니다. 이 방식은 github pages 서비스를 이용해 정적 웹사이트를 배포하는 경우 많이 사용됩니다. 따라서 "무엇이 올바른 방법인가?"에 대한 답은 상황에 따라 다릅니다. - 개발 과정을 모두 기록하고 싶거나, 협업하는 다른 개발자들과 소스코드를 공유하고 싶다면 VSCode에서 직접 연결하여 파일을 올리는 방식이 더 적합합니다. - 반면, 프로젝트의 최종 결과물만을 보여주고 싶거나, github pages를 통해 웹사이트를 호스팅하려는 목적이라면 gh-pages를 사용하는 것이 더 효율적일 것입니다.

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!