군만두의 IT 개발 일지

목차 티스토리 발행 기록을 GitHub 프로필에 잔디로 표현하는 배지를 만들었습니다. 리드미에 태그 한 줄만 붙이면 티스토리 잔디를 확인할 수 있습니다. 만드는 과정에서 배운 점을 정리했습니다.✨ 요약티스토리 발행 기록을 GitHub 프로필에 보여주는 잔디 배지를 만들었음. 리드미에 태그 한 줄만 붙이면 됨.핵심은 API가 JSON이 아니라 SVG 이미지 자체를 응답하는 것임. solved.ac 잔디를 리드미에 심어주는 mazandi에서 아이디어를 얻음.GitHub가 리드미의 외부 이미지를 Camo 프록시로 캐싱하기 때문에, Content-Type과 Cache-Control 헤더, 외부 폰트 금지 같은 제약을 지켜야 했음. 배지는 최대 6시간 캐시되도록 설계함.✨ 아이디어 : 이미지를 반환하는 API..

목차📌 요약GitHub 프로필을 꾸밀 때 자주 사용하는 github-readme-stats가 어느 순간 위와 같은 오류를 띄우며 더 이상 표시되지 않았다. 정확한 원인은 알 수 없지만, 기본 Vercel 배포 인스턴스가 트래픽 과부하 또는 GitHub API rate limit에 걸렸을 가능성이 높아 보인다.따라서 본인 계정으로 fork하여 직접 Vercel에 배포하는 방식으로 해결하는 방법을 정리한다. 📌 1. GitHub Readme Stats 프로젝트 fork공식 레포지토리: https://github.com/anuraghazra/github-readme-stats GitHub - anuraghazra/github-readme-stats: :zap: Dynamically generated sta..

팀원들과 각자 맡은 domain에 대한 Controller을 구현하기로 했다. 그래서 Github에서 각자 Issues와 PR을 작성하는데, 뒤늦게 템플릿을 미리 적용하지 않았다는 것을 깨달았다. Issues와 PR은 프로젝트 과정에서 서로의 작업 내용을 확인할 수 있도록 팀원들이 각자 작성하는 문서이므로, 공통 양식을 정해두면 좋다. 공통 양식을 하나하나 추가하는 것은 불필요한 작업이기 때문에 템플릿을 적용하는 것이 유용하다. 따라서 아래와 같이 템플릿을 적용하려고 한다.Issues Template이슈 템플릿을 적용하는 방법은 2가지가 있다. 1. github/ISSUE_TEMPLATE 디렉터리에 .md 파일 추가2. Github 설정 요약📌 리포지토리 > Settings > Issues > Set ..

오늘은 어제 작성한 S.A의 피드백을 바탕으로 본격적인 개발을 시작한다. 먼저 Git Repository를 하나 생성해서 스프링 프로젝트 초기 설정을 마쳤다. 그 과정에서 commit, branch, issues, pr 컨벤션을 정하고 Slack 팀 채널을 하나 생성하는 등 사전에 정해야 하는 것들을 정하고 시작했다.Git & PR 특강Github를 처음 사용하는 분들도 있어서 그런지, 튜터님이 Git 관련 특강을 진행해주셨다. 내용은 Github로 협업을 해본 사람이라면 대부분 아는 내용이었는데, 주요 내용은 다음과 같다.1. 브랜치 명과 커밋 메시지의 좋은 예커밋 메시지는 '커밋 컨벤션' 키워드로 구글링에 하면 나오는 기본적인 내용들이었다. 우리 조는 아래처럼 정했다.  그리고 브랜치는 git-flo..

목차 🚀 진행기간: 2023년 6월 26일 ~ 2023년 7월 13일 ⭐요약 이번 과제에서는 목업이 아닌 실제로 작동하는 계산기를 만들고, Github를 사용해 PR를 하는 과정까지 진행함. 1) 버튼이 잘 눌렸는지 확인 계산기의 숫자버튼을 클릭했을 때의 변화를 개발자 도구의 Console 탭을 이용하여 확인함. 2) 기본 계산 기능 구현 두 숫자의 사칙연산을 할 수 있는 계산기를 구현함. 3) 학습 목표 계산기 Github repository에 작성된 HTML, CSS를 이해할 수 있음. 두 숫자의 사칙연산을 구현할 수 있음. ⭐과제 원본 저장소를 fork 하고, 위 내용 진행하여 코드 수정 후 pull requests를 하는 과제임. ⭐과정 1. 원본 저장소 Fork 원본 저장소(레포지토리) 오른쪽 ..