플렉스 개구리 공략집( Flexbox Froggy Solutions )
Front-End 개발을 해보신 분이라면 한번쯤은 들어보셨을 수도 있는 (제가 푼) 플렉스 개구리(https://flexboxfroggy.com/#ko)의 공략집 입니다. 공략을 보지 않고도 충분히 해결할 수 있지만, 해답이 먼저 궁금하신 분들은 참고해 보신 다음, 따라 해 보면 도움되실 것 같습니다. 1 단계. 해답 : justify-content: flex-end; 2 단계. 해답 : justify-content: center; 3 단계. 해답 : justify-content: space-around; 4 단계. 해답 : justify-content: space-between; 5 단계. 해답 : align-items: flex-end; 6 단계. 해답 : justify-content: center;..
GitHub Action을 이용하여 작업중인 PR의 Merge 방지하기.
GitHub에서 개발을 하다 보면 아직 완료되지 않은 PR(Pull Request)이 누군가의 선의 혹은 실수로 Merge 되는 경우가 종종 발생합니다. 이런 불상사를 막기 위해 여러 시도들을 해봤는데요, 제목에 WIP를 표시해서 작업 중이라고 표시하기, 리뷰가 완료되지 않은 PR은 메인스트림으로 머지되지 않게 설정하기 등등을 해보지만, 물리적으로 이런 불상사를 막지 못합니다. ( GitLab에는 이런 것을 막는 기능이 있네요. ) GitHub에서 GitHub Action을 이용해서 이런 작업중인 PR이 머지되지 않도록 하는 방법을 알아봤습니다. 1. GitHub Action이란? GitHub 에서 제공하는 CI/CD를 관리할 수 있는 Workflow를 정의할 수 있는 기능이라고 할 수 있습니다. 즉 빌..
엔트리 "똥피하기" 게임
스크래치와 유사한 블록코딩 툴인 엔트리로 만들어본 "똥피하기" 게임입니다. 요즘 7살짜리 아들이 코딩에 관심을 보여, 엔트리로 할 수 있는 것에 대해 알려주기 위해 만들었습니다. 똥피하기 게임은 하늘에서 날아다니는 독수리가 싼 똥을 피하는 게임이며, 하늘에서 내려오는 똥을 맞게 되면 게임이 종료됩니다. 반복, 판단, 복제, 좌표의 개념을 익힐 수 있습니다. 실행해보기 : https://playentry.org/ikaruce/5eb6d9451a4ed60036163df8 똥피하기 게임은 다음 순서로 만들었습니다. 순서대로 따라하면 코딩 경험이 없더라도 쉽게 따라 만들 수 있을 것 같습니다. I. 키보드로 엔트리봇 움직이기. 좌우 방향키를 누를 때, 엔트리 봇이 좌우로 이동하도록 합니다. 1 엔트리 봇이 땅에..
100일100글 도전.(100days100posts)
2020년에 들어서자마자 100 Days 100 Project( https://www.florin-pop.com/blog/2019/09/100-days-100-projects/) 란 글을 접하게 되었습니다. 그 글을 읽고서 한 번 도전해려고 했는데, 계속 미루다 시작을 못했습니다. 더 이상 미루다 보면 올해도 남는 것이 하나도 없을 것 같았습니다. 그래서 오늘 부터 시작해보려고 합니다. 원 글에는 1일 1프로젝트 였지만, 저는 1일 1개의 글을 올리는 것으로 정하고 오늘부터 1개의 글을 올리겠습니다. 규칙 - 매일 새로운 글을 포스팅 합니다. - 진행상황을 #100days100posts라는 태그를 달아 SNS에 공유합니다. - 글 주제는 어떤 것이든 상관없습니다. - 글은 매일 자정 전에 포스팅 합니다...
뽀대나는 커밋 만들기 ( Signed Commit )
GitHub에서 소스코드를 보다 보면 종종 아래 그림과 같은 Verified라는 배지가 붙은 커밋을 볼 수 있습니다. 작성자가 커밋에 본인이 직접 작성한 것이라고 서명(Sign)한 커밋을 나타 냅니다. 이러한 서명은 gpg 인증을 통해서 할 수 있는데, 커밋을 어떻게 하여야 하며, GitHub에서는 어떻게 하는지 설명합니다. 왜 커밋에 사인을 해야 하는가? Git을 처음 접했을 때, 가졌던 의문 중 하나가 왜? 커밋의 작성자에 대한 검증을 하지 않는가? 였습니다. 좀 더 설명해 보자면 git을 처음 설치하게 되면 대부분 다음과 같은 설정을 하게 됩니다. git config --global user.email bitlog@tistory.com git config --gloabl user.name bitlo..