GitHub Action에 대해서는 앞서 어떤 요소들이 있는지 알아봤다. 최종적으로 나 역시 CI / CD를 구축하는 것을 목표로 GitHub Action을 사용하려고 한다.  CI의 베이스가 되는 브랜치 전략으로 Git Flow를 사용하려고 한다. GitHub Flow 등도 있을 텐데 최초 브랜치 전략을 공부할 때 Git Flow를 알아봤었고 아직까지 많이 사용되는 전략이라서 굳이 다른 방향을 알아보진 않았다.  어떤 방향으로 GitHub Action을 사용할 것인가!  이게 중요할 것 같은데, Git Flow를 이야기하는 이유는 브랜치의 속성에 따라 Action을 설정해줄 생각이다. 내가 사용할 브랜치로Main : 프로젝트 | 서비스의 메인 브랜치로 정식 배포가 된 환경의 브랜치다. Develop :..

GitHub Action에 대해서는 앞서 어떤 요소들이 있는지 알아봤다. 최종적으로 나 역시 CI / CD를 구축하는 것을 목표로 GitHub Action을 사용하려고 한다.  CI의 베이스가 되는 브랜치 전략으로 Git Flow를 사용하려고 한다. GitHub Flow 등도 있을 텐데 최초 브랜치 전략을 공부할 때 Git Flow를 알아봤었고 아직까지 많이 사용되는 전략이라서 굳이 다른 방향을 알아보진 않았다.  어떤 방향으로 GitHub Action을 사용할 것인가!  이게 중요할 것 같은데, Git Flow를 이야기하는 이유는 브랜치의 속성에 따라 Action을 설정해줄 생각이다. 내가 사용할 브랜치로Main : 프로젝트 | 서비스의 메인 브랜치로 정식 배포가 된 환경의 브랜치다. Develop :..

GitHub Action에 대해서는 앞서 어떤 요소들이 있는지 알아봤다. 최종적으로 나 역시 CI / CD를 구축하는 것을 목표로 GitHub Action을 사용하려고 한다.  CI의 베이스가 되는 브랜치 전략으로 Git Flow를 사용하려고 한다. GitHub Flow 등도 있을 텐데 최초 브랜치 전략을 공부할 때 Git Flow를 알아봤었고 아직까지 많이 사용되는 전략이라서 굳이 다른 방향을 알아보진 않았다.  어떤 방향으로 GitHub Action을 사용할 것인가! 이게 중요할 것 같은데, Git Flow를 이야기하는 이유는 브랜치의 속성에 따라 Action을 설정해줄 생각이다. 내가 사용할 브랜치로Main : 프로젝트 | 서비스의 메인 브랜치로 정식 배포가 된 환경의 브랜치다. Develop : ..

GitHub Action은 빌드, 테스트 및 배포 파이프라인을 자동화 할 수 있는  지속적인 통합과 지속적인 배포 플랫폼이다. [ Like CI / CD ] ( Like가 아닌 그 자체임 )우리는 워크플로우를 만들어서 우리의 레포지토리를 테스트하고 배포할 수 있으며, 합쳐서 배포할 수 있다.  그 외에도 이슈를 만들면 해당 이슈에 적절한 Label을 붙여주는 등 특정 이벤트에 반응하는 워크플로우도 만들 수 있다.  The components of GitHub ActionsPR이 열리거나 이슈가 만들어지는 등 레포지토리에 이벤트가 발생하면 GitHub Action의 워크플로우가 트리거 되도록 구성할 수 있다. 워크플로우는 직렬 또는 병렬로 실행할 수 있는 하나 또는 여러개의 작업을 포함하고 있다. 각 작업..

회사에서 사용하는 github 계정과 개인적으로 사용하는 github 계정이 달라서 집에서 회사 프로젝트를 확인하려고 clone을 받는데 오류가 발생했다. remote: Repository not found... 구글에 검색했을 때 많이 나오는 해결 방법인 git remote set-url origin ~ 방식은 똑같이 해도 해결되지 않았다. 그러다 자격 증명 관리에서 변경하면 가능하다는 내용을 따라해서 해결했기 때문에 소개 하려고 한다. 제어판 > 사용자 계정 > 자격 증명 관리자에서 일반 자격 증명에 있는 github 관련 증명을 모두 지워주고 다시 진행하는 것이다. 해당 증명을 모두 지우고 다시 clone을 하니 vscode에서 로그인 요청 안내창이 나오더니 로그인하니 clone이 되었다.

개발을 하다보면 많은 상황이 발생한다. 이때 품질 높은 코드를 작성하기 위한 원칙들이 있는데, 대표적으로 KISS, YAGNI, DRY가 있다. KISS Keep It Simple Stupid 의 첫 글자를 따서 만든 약어이다. 소프트웨어를 설계하는 작업이나 코딩을 할때 되도록이면 간단하고 단순하게 만드는 것이 좋다는 원칙이다. 코드나 설계 내용이 불필요하게 장황하거나 복잡해지는 것을 주의하라는 원칙이다. 당연하게 이들은 단순할수록 이해하기 쉽고, 이해하기 쉬우면 유지보수 등이 쉬워진다. 즉, 생산성 향상으로 연결된다. YAGNI You Ain't Gonna Need It 의 첫 글자를 따서 만든 약어이다. 개발하다보면 당장 필요하지는 않지만 확장성을 위해서 미리 작업하는 경우가 있다. 이런 작업을 하지..

블로그를 하다보면 웹 마스터 도구 등에 RSS 를 추가해주게 된다. 그런데 이 RSS가 뭐길래 우리는 사이트맵과 함께 RSS 주소를 등록해야 할까? RSS Really Simple Syndication 의 약자가 RSS이다. ( 또는, Rich Site Summary ) RSS 리더 사이트 등으로 만든 RSS 주소를 들어가보면 최근에 등록한 게시글이 나올 것이다. 즉, 글이 올라올 때마다 RSS 주소에는 최신 게시글이 등록된다. 이러한 RSS 주소는 사람을 위해서 있는 것이 아니며, RSS 리더 프로그램 또는 사이트에서 RSS 피드 주소를 등록한다면 새로운 글이 올라올 때마다 알려준다. RSS 버튼을 통해서 사용자가 RSS 피드를 구독할 수 있긴 하다. 하지만 실제로 RSS 구독 을 위한 버튼을 활성화시..

웹사이트를 개발하다보면 특정 버튼을 누르면 해당 위치까지 스크롤을 자동으로 이동시켜야 하는 경우가 있다. 이때, 해당 기능을 수행해주는 패키지도 있겠지만 CSS로 처리하는 방법이 있어서 한번 작성해본다. 아주 간단하다. scroll의주체 { scroll-behavior: smooth; } 스크롤이 발생하는 녀석에서 scroll-behavior 옵션을 주면 이쁘게 스크롤된다!