[Setting | Ubuntu] Jenkins 설치 및 기본환경 구성

Ubuntu에 Jenkins를 설치하고 활용하기 위한 기본구성을 정리한다.

작성일 : 2022-06-16

1> Jdk 설치

sudo apt update
sudo apt install openjdk-11-jre
java -version

2> 젠킨스 설치

curl -fsSL https://pkg.jenkins.io/debian-stable/jenkins.io.key | sudo tee \
  /usr/share/keyrings/jenkins-keyring.asc > /dev/null
echo deb [signed-by=/usr/share/keyrings/jenkins-keyring.asc] \
  https://pkg.jenkins.io/debian-stable binary/ | sudo tee \
  /etc/apt/sources.list.d/jenkins.list > /dev/null
sudo apt-get update
sudo apt-get install jenkins

3> 젠킨스 서비스 포트 변경 & 서비스 재시작

vi /lib/systemd/system/jenkins.service
-----------------------------------------
Environment="JENKINS_PORT=8888"
-----------------------------------------

4> 젠킨스 메모리 사용설정

메모리 사용량이 많기 때문에 다른 시스템과 동시에 운영할 경우 메모리 제한 설정을 해야만 한다.

vi /lib/systemd/system/jenkins.service
-----------------------------------------
Environment="JAVA_OPTS=-Xmx1024m -Xms1024m -Djava.awt.headless=true"
-----------------------------------------

# restart jenkins
systemctl daemon-reload
systemctl restart jenkins

5> 서비스 접속시 초기비번 확인

cat /var/lib/jenkins/secrets/initialAdminPassword

6> 기본 플러그인설치

7> 필수 플러그인 설치

Jenkins 관리 > 플러그인 관리

설치가능에서 아래 플러그인 설치 후 젠킨스 재시작

GitLab
NodeJS
SonnarQube Scanner

Jenkins 관리 > Global Tool Configuration에서
NodeJS, SonnarQube Scanner 버전선택 및 활성화

[Setting | Windows] ReactJS 개발환경 설정

Windows 에서 ReactJS 개발환경을 설치하는 방법을 정리한다.

작성일 : 2022-06-15
NodeJS : v16.15.0

1> 프로젝트 생성

npx create-react-app frontend

2> package.json 에 정보 입력

{
  "name": "frontend",
  "version": "0.1.0",
  "description": "Opendocs Frontend Client.",
  "author": "Opendocs",

3> GitLab에 프로젝트를 생성하고 Commit & Push

# 초기화
git reset --hard
git clean -df
git remote remove origin
#.git 폴더 삭제
git remote -v

# GitLab에 Push
git init --initial-branch=main
git remote add origin http://[gitlab_url]/[group_name]/[project_name].git
git add .
git commit -m "Initial commit"
git pull origin main --allow-unrelated-histories
git push -u origin main

# 참고
## ! [remote rejected] main -> main (pre-receive hook declined) 오류발생시
> GitLab > Settings > Repository > Protected Branchs 
> Developers+Maintainers 로변경
## SSL인증서 에러시
fatal: unable to access 'http://[gitlab_url]/[group_name]/[project_name].git/': SSL certificate problem: unable to get local issuer certificate
PS C:\_Work\source\frontend> git config --global http.sslVerify false

[Setting | Windows] NestJS 개발환경 설정

Windows 에서 NestJS 개발환경을 설치하는 방법을 정리한다.

작성일 : 2022-06-15
NodeJS : v16.15.0

1> 명령 프롬프트에서 nestjs – cli 설치

npm i -g @nestjs/cli

2> 프로젝트 생성

cd /workspaceFolder/
nest new backend

3> package.json 에 정보 입력

{
  "name": "backend",
  "version": "0.0.1",
  "description": "Opendocs Backend Server.",
  "author": "Opendocs",

4> GitLab에 프로젝트를 생성하고 Commit & Push

# 초기화
git reset --hard
git remote remove origin
#.git 폴더 삭제
git remote -v

# GitLab에 Push
git init --initial-branch=main
git remote add origin http://[gitlab_url]/[group_name]/[project_name].git
git add .
git commit -m "Initial commit"
git pull origin main --allow-unrelated-histories
git push -u origin main

# 참고
## ! [remote rejected] main -> main (pre-receive hook declined) 오류발생시
> GitLab > Settings > Repository > Protected Branchs 
> Developers+Maintainers 로변경
## SSL인증서 에러시
fatal: unable to access 'http://[gitlab_url]/[group_name]/[project_name].git/': SSL certificate problem: unable to get local issuer certificate
PS C:\_Work\source\backend> git config --global http.sslVerify false

5> SonarQube Report 설정

npm install --save-dev sonarqube-scanner
npm install --save-dev jest-sonar-reporter

6> package.json 설정

{
  "scripts": {
    "test": "jest",
    "test:coverage": "jest --coverage",
    "sonar": "node report.js"
  },
...
  "jest": {
    "testResultsProcessor": "jest-sonar-reporter"
  },
...
  "jestSonar": {
    "reportPath": "../coverage",
    "reportFile": "sonar_report.xml"
  }
}