공부/GIT (5) 썸네일형 리스트형 슬랙(Slack)에 깃허브(Github) 알람 연동하기 오늘은 Slack에서 Github commit, pull, pr 등 알림을 받을 수 있는 방법에 대해 소개해보려고 합니다! Slack 📖1. Github 설치우선 slack에 접속하셔서 Github App 설치를 해주셔야 합니다. 더보기 -> 자동화 -> github 검색 -> 추가 그리고 액세스 권한 설정을 하시고 허용 버튼을 눌러주시면 됩니다. 2. 레퍼지토리 연결 github를 설치하셨다면 github 앱에 접속해 주시면 됩니다. 채팅창에 알림을 받길 원하는 git repository 주소를 입력해 주시면 됩니다./github subscribe https://github.com/smu06030/movie-app-team12 그리고 `Connect Github account` 버튼을 눌러 Gi.. Git & Github 협업하는 방법 (Pull Request) 실전 가이드 📖1. 초기 세팅초기 세팅이 궁금하시면 아래 글을 읽어주세요 24.07.19 Git 팀 프로젝트 진행초기 세팅을 해야 되는 이유 📖1. 초기 파일 생성초기 세팅을 해야 하는 이유는 프로젝트의 일관성을 유지하고 모든 팀원이 동일한 환경에서 작업할 수 있도록 하기 위해서 진행합니다!index.htmlmingos-habitat.tistory.com 로컬에서 dev 브랜치를 생성해 줍니다. 그리고 push를 통해 github에 반영시켜줍니다. github 홈페이지에서 `Settings`에 들어가 `Default branch`에 아이콘을 클릭해 줍니다. `dev`브랜치 선택 후 `Update`버튼을 눌러줍니다. 메인에서 `dev`브랜치가 `default`로 설정된 걸 확인할 수 있습니다.. Github Pages 사이트 배포하기 오늘은 Github Pages로 사이트를 배포하는 방법애 대해 소개해 보려고 합니다.우선 github에 push가 되어 있는 걸 가정하고 설명하겠습니다! 사이트 배포하기 📖1. github 이동우선 배포하고 싶은 github 레파지토리로 이동해서 Settings 버튼을 눌러 이동합니다.2. PagesSetting -> Pages 페이지로 들어와 main 브랜치와 /(root)로 설정 후 save 버튼👆을 누르면 됩니다.3. 배포 링크Save 버튼을 누르고 조금의 시간을 기다리면 내 사이트가 배포가 된 걸 확인할 수 있습니다! 😄About 설정 📖1. AboutAbout에 배포된 링크를 넣으려면 오른쪽 위 톱니바퀴 아이콘⚙️을 눌러주세요! Use Your GitHub Pages Website를 ✅체.. git, github 정리 Git, GitHub란 📖1. Git깃(Git)은 파일의 변경사항을 추적하고 프로젝트 참여자들 간에 파일에 대한 작업을 조율하는데 사용되는 분산 버전관리 시스템입니다. 분산 버전관리 시스템이라는 말이 너무 어렵게 느껴지고 헷갈리실수도 있을텐데 전~혀 걱정하실 필요가 없습니다! 쉽게 설명 해드리겠습니다! 왜 버전관리가 필요할까? ppt 발표 자료를 만든다고 가정 했을 때 '최종.ppt'를 만들었다가 내용이 바뀔 경우 '최최종.ppt', 또 수정해서 '최최최종.ppt' 파일을 만들었다면 어느것이 가장 최근 파일인지 알아보기 어렵고 효율적이지 못하다는 단점이 있습니다. 개인이면 상관이 없을 수도 있지만 여러 명이 참여하는 프로젝트를 한다고 했을 때 각 파트별로 만든 파일을 합치는 과정이 매우 복잡해질 .. 24.07.19 Git 팀 프로젝트 진행 초기 세팅을 해야 되는 이유 📖1. 초기 파일 생성초기 세팅을 해야 하는 이유는 프로젝트의 일관성을 유지하고 모든 팀원이 동일한 환경에서 작업할 수 있도록 하기 위해서 진행합니다!index.html : 웹 애플리케이션의 메인 HTML 파일style.css : 스타일링을 위한 CSS 파일common.js : javascript 파일 Welcome to our Team Project 2. 프로젝트 환경 설정개발 환경을 일정하게 유지하기 위해 다양한 설정 파일들을 추가!ex) .prettierrc, .gitignore, firebase, package.json 등등 .prettierrc// .prettierrc{ "semi": true, "singleQuote": true, "t.. 이전 1 다음
