728x90 분류 전체보기51 [Jenkins] 빌드부터 배포까지 1 - 젠킨스 설치 젠킨스란 무엇인가? 젠킨스(Jenkins)는 여러 언어로 작업된 소스 코드들의 빌드, 테스트, 배포 자동화 환경을 구축할 수 있는 도구이다. CI(지속적인 통합 Continuous Integration)/CD(지속적인 배포 Continuous Deployment) 환경을 이야기할때 빠지지 않는 오픈소스이다. 개발자가 알면 무엇이 좋을까? 어느정도 규모가 있는 회사라면 개발팀과 인프라팀 또는 운영팀 등이 구성되어 있겠지만 그렇지 않은 회사도 많을 것이다. 웹 서비스 프로젝트를 로컬 PC에서 개발이 끝난 후 테스트 서버에 올리려고 한다고 가정해보자. 먼저 내 PC에서 소스를 빌드해야한다. maven 혹은 gradle로 빌드를 진행하게 될 것이다. 빌드가 진행되면서 작성했던 테스트 코드를 수행하고 빌드가 완료.. 2022. 8. 1. [Git] 인텔리제이로 실습해보는 Git Flow 이번 포스팅 이후부터는 개인적으로 정리하기 위해 평어체로 작성하겠습니다. Git Flow란? Git Flow(by Vincent Driessen)는 Git 소스 관리 방법중 하나이다. Git 저장소(Repository)는 main 혹은 master 하나가 있고, 브랜치(branch)를 통해 나무가 가지치는 것처럼 여러 갈래로 나눌 수 있다. 나눠진 갈래는 나중에 병합(merge)을 통해 master에 합치면 된다. Git Flow는 브랜치를 특정 시점으로 나누어 작업한다. master(main) develop feature release hotfix 크게 위의 5가지로 브랜치를 나누면 된다. 브랜치별 정리 master master 혹은 main이라고 하며 항상 소스의 최종본이어야 한다. develop m.. 2022. 7. 18. [Vue] Vue.js 게시판 만들기 15 - 데이터 로딩 나타내기 지난 포스팅까지 진행하여 로그인 처리를 구현해봤습니다. 이번에는 로딩바를 통해 현재 서버와 통신중임을 사용자에게 안내하여 기다릴 수 있도록 해보고자합니다. 화면에서 서버로 어떤 작업을 요청했을 때, 서버의 처리가 오래 걸리게 되면 화면은 응답을 계속 기다리게 됩니다. 사용자는 현재 작업중인지 완료되었는지 알 수 없으므로 화면에서 벗어나지 않고 대기할 수 있도록 표시해주어야 합니다. Vuex에 로딩 상태 추가 전역으로 로딩 상태를 관리하기 위해 아래 작업을 진행합니다. 먼저 mutation_types.js에 LOADING_STATUS를 추가합니다. /* src/vuex/mutation_types.js */ export const USER_ID = 'USER_ID' export const ERROR_STAT.. 2022. 7. 4. [Vue] Vue.js 게시판 만들기 14 - Vue Router 네비게이션 가드 지난 포스팅에서 JWT를 이용한 로그인을 구현하고 화면에서 로그인 성공 후 발급받은 토큰을 확인했습니다. 이번 포스팅에서는 게시판을 이용하려면 로그인이 필요하도록 화면을 수정해보겠습니다. Vue Router 네비게이션 가드 Vue의 router/index.js에 포함되어있는 컴포넌트로 이동하려고 할때, Vue Router의 네비게이션 가드를 통해 특정 권한을 가지고 있는지 혹은 데이터를 가지고 있는지 확인하여 이동을 제어할 수 있습니다. (https://v3.router.vuejs.org/kr/guide/advanced/navigation-guards.html) 네비게이션 가드의 종류는 3가지가 있습니다. 전역 가드 라우트 별 가드 컴포넌트 내부 가드 이번 포스팅에서 다뤄볼 가드는 라우트 별 가드입니다... 2022. 6. 28. 이전 1 2 3 4 5 6 7 8 ··· 13 다음 728x90