Loading...
2023. 2. 4. 02:25

gitlab 프로젝트 CI/CD 환경 구축하기 6편 -gitlab에 push하면 자동으로 프론트엔드 빌드하기-

1. gitlab connection 이전에 했던 gitlab connection을 수행한다 gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- (tistory.com) gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- 1. plugin 설치 다음 링크에 나온대로 plugin을 모두 설치해줌 [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 (tistory.com) [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 1. Jenkins 플러그인 설치 우선, Jenkins와 Git deepdata.tistory.com gi..

2023. 2. 4. 02:23

gitlab 프로젝트 CI/CD환경 구축하기 5편 -EC2 서버 내에서 프론트엔드 빌드하기-

1. gitlab 연동하기 이전에 window jenkins에서 했던대로 gitlab 연동을 수행한다 gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- (tistory.com) gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- 1. plugin 설치 다음 링크에 나온대로 plugin을 모두 설치해줌 [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 (tistory.com) [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 1. Jenkins 플러그인 설치 우선, Jenkins와 Git deepdata.tistory.c..

2023. 2. 2. 05:16

gitlab 프로젝트 CI/CD환경 구축하기 3편 -window에서 node.js & react 프로젝트 빌드해보기-

1. nodejs 플러그인 설치 확인 dashboard 누르고 jenkins 관리에 들어가서 플러그인 관리로 들어간다. installed plugins에서 nodejs 검색해서 nodejs plugin이 설치되어있는지 확인 없다면 available plugins에서 설치해준다 2. nodejs 설정 cmd에 들어가서 node -v 입력해서 본인의 nodejs 버전 확인해본다 다시 jenkins 관리 > global tool configuration으로 들어간다 내려가다보면 NodeJS라고 있는데.. Add NodeJS 눌러서 name은 아무거나 입력하고 아래 version 부분에 본인 nodejs 버전을 찾아서 선택해준다 꼭 버전 안맞아도 될것 같긴함 아무튼 아래에 save 3. shell 설정 빌드를 ..

2023. 2. 2. 04:36

gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습-

1. plugin 설치 다음 링크에 나온대로 plugin을 모두 설치해줌 [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 (tistory.com) [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 1. Jenkins 플러그인 설치 우선, Jenkins와 Gitlab을 연동하여 CI/CD를 구축하기 위해선 다음 플러그인을 설치해야 합니다. 1. Bitbucket Pipeline for Blue Ocean 2. Dashboard for Blue Ocean 3. Personalization for Blue Ocean 4. Di pangtrue.tistory.com 좌측 메뉴에 jenkins 관리 > 우측 메뉴들에 플러그인 관리로 들어간다 좌측에 available p..

2023. 1. 21. 19:03

리액트 기본 블로그 만들기 실습으로 마무리

1. 미니 블로그 기획 블로그에 필요한 화면을 리액트 컴포넌트로 만들고, 각 컴포넌트를 연결하여 겉모습이 그럴듯한 블로그 만들기 개발을 시작하기 전에, 기획과 필요한 기능, 전체 디자인에 대해 간단하게 정리 기능이나 디자인이 중간에 변경될 수 있지만, 간단하게라도 정리된 내용이 없다면 중간에 헤매는 경우가 자주 발생 1-1) 필요한 기능 글 목록 보기(리스트 형태) 글 보기 댓글 보기 글 작성 댓글 작성 1-2) 전체 화면 디자인 메인 화면은 글 목록을 보여주고, 글 작성 버튼을 누르면 글을 작성할 수 있는 화면으로 이동해서 글을 작성할 수 있도록 메인 화면에서 글을 클릭하면, 전체 글의 내용과 댓글을 볼 수 있는 형태가 되도록 글 보기 화면 하단에는 댓글을 작성할 수 있는 기능이 들어가도록 2. 프로젝..