06화 #06 초보자도 깃허브 세상으로

개발 버전을 위해 Github에 올려보았습니다.

by 이네숨



chatGPT만 있다면, 초보자도 깃허브의 세상에 진입가능!


지금까지의 구현 상태는 아래와 같은데요.

물론 스타일링과 디자인 부분은 아직 부족한 부분이 많지만,

이제 최소 기능MVP 구현을 했으니 Github라는 저장소에 올려, 개발한 것들을 버전별로 관리하고자 합니다.



Screenshot 2025-07-15 at 9.33.27 PM.png 지금까지 구현상태를 요약한 스크린샷



Github란?

개발을 하다 보면, 코드를 계속 수정하게 되고, 때로는 예전 버전으로 되돌리고 싶을 때가 있습니다.
GitHub는 이런 버전 관리를 도와주는 '독립적인 클라우드 공간'이라고 생각하시면 됩니다.

예를 들어 그래픽 프로그램에서는 파일을 버전별로 따로 저장해야 하죠.



하지만 GitHub에서는 개발한 내용의 변경사항들을 각각 '이름'을 붙여서 저장(Push)할 수 있고,
필요할 때 언제든지 이전 상태로 되돌릴 수도 있습니다.

즉, 개발 기록을 안전하게 보관하고, 다른 사람과 함께 작업할 수 있게 도와주는 저장소이자 협업 도구입니다.


개발자들은 이 곳을 포트폴리오로 활용하고 있죠!

더 많은 정보는 아래 링크에서 참조하세요

https://resources.github.com/learn/pathways/?ref=43.202.58.113



step1 앱소개 마크업 문서작성하기 !

- 올리기 전에 필요한 것들은 일기웹의 간단한 소개글과 개발한 사람을 명시하는 책의 안표지 같은 내용이 담긴 README.md 마크업 문서를 만들어줍니다.




Screenshot 2025-07-15 at 9.46.48 PM.png




step2 매우 중요한 gitignore 생성하기!

Git을 사용할 때, 우리가 만든 모든 파일을 그대로 GitHub에 올리면 안 되는 경우가 있습니다.

예를 들어 비밀번호, API 키, 개인 정보, 혹은 개인 컴퓨터의 설정 파일 등이 함께 올라가면

보안상 큰 문제가 생길 수 있습니다. 보안은 너무 중요하니까!!

그래서 Git에게 "이런 파일은 무시하고 올리지 말아줘"라고 알려주는 파일이 바로

.gitignore 입니다.

.gitignore 에 파일 이름이나 폴더를 적어두면, Git은 그 파일들을 무시하고 추적하지 않게 됩니다.


즉, 원하지 않는 파일이 실수로 GitHub에 올라가는 걸 막아주는 안전장치예요.


chatGPT가 절대 올리면 안되는 것들을 알려줍니다.

Screenshot 2025-07-15 at 9.56.45 PM.png


step3 이제 Github에 커밋해보자!


README.MD 를 포함하여 .gitignore , .env.local 3가지 문서를 잘 작성해서 커밋 메시지와 푸시 명령어를 알려달라고 해서, 브런치에 올리도록 합니다.


Screenshot 2025-07-15 at 9.21.35 PM.png github에 올라간 개발사항들




혹시나, 보안 관련된 정보가 올라가있는지 확인하기!

Screenshot 2025-07-15 at 10.34.57 PM.png


다행히 프로젝트 아이디, APiKey가 노출되지 않고 변수명으로 잘 올라가 있는 것을 확인할 수 있습니다.

그리고 이 변수를 활용할 수 있는 .env.example 파일도 같이 올리면 다른 개발자들에게 더 도움이 됩니다.



여기까지 제 일기웹을 깃허브에 버전관리를 위해 올린 내용이었는데요.

개발자도 아닌 왜 내가 이것을 해야하는지 가끔 현타가 오긴하지만요.

chatGPT를 통해 많은 것을 배울 수 있었습니다.



지금까지 읽어주셔서 감사합니다.

응원메시지를 주시면 글쓰기에 더 힘이 됩니다 ^^




keyword
이전 05화#05 철학가의 명언, 일기웹에 적용해 보기!