git (5) 썸네일형 리스트형 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`로 설정된 걸 확인할 수 있습니다.. [개인 과제] 영화 검색 사이트 프로젝트 회고 개인 과제 소개 📖TMDB API를 이용한 영화 검색 사이트입니다.Github 주소 : https://github.com/smu06030/movie-app배포 링크 : https://smu06030.github.io/movie-app/ 요구 사항 📌필수 구현 사항✅ 순수 바닐라 자바스크립트 사용✅ TMDB API 인기 영화 데이터 가져오기✅ 영화 정보 카드 리스트 UI 구현✅ 영화 검색 UI 구현✅ javascript 문법 요소를 이용해 구현document.getElementById()document.querySelector()document.createElement()setAttribute()addEventListener()appendChild()preventDefault() 선택 구현 사항✅ CS.. 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 다음
