[소경관] : 프론트 뼈대 잡기와 Jenkins 재도전 하기

• 오늘의 목표
  • 큰 페이지들 연동 다 하고 진입까지 완료하기
  • 작은 페이지들 생성해 두기
  • CI/CD 적용 다시 시도해 보기
  • 문제 발생 시 체크해 두기
• 큰 메뉴 완성하기

• 내가 계획하고 있는 프로젝트의 메뉴는 이런 식이다.
• 로그인 페이지를 기본으로 로그인 후 입장이 가능하고 메인 페이지에서 세부 큰 페이지로 나눠지고 그 큰 페이지에서 작은 페이지로 나눠진다.
• 오늘은 큰 페이지를 만들었다.

• 이게 지금 로그인 후 들어오는 메인 페이지인데 이 메인 페이지에는 사용 설명을 간단하게 올릴 예정이다.
  • 아직 수정하지는 않았다.

1. 프로젝트 네임을 적어두고 홈으로 이동할 수 있는 링크를 걸어뒀다.
2. 큰 메뉴들이다 큰 메뉴 선택시 이동이 가능하다.
   1. 나중에 빨리 완성되면 이동된 탭의 이름에 효과를 주는 것도 고려중이다.(밋밋하다는 생각..)
3. 해당 페이지 이름과 짧은 코멘트로 안내했다.
4. 작은 페이지로 갈 수 있는 링크가 걸려있다.
   1. 멘트는 일단 적어뒀는데 맞춤법 검사도 하고 나중에 수정해야 한다.
5. 다음 페이지가 있던 곳인데 필요하지 않을 것 같아서 홈으로 가도록 했다.
   1. 위에 1번 네임을 클릭해 이동할 수도 있지만 이동이 명시된 버튼이 있는 것도 좋을 것 같아서 넣었다.
6. 프로젝트를 기록하는 이 노션 주소와, 티스토리 블로그에서 소경관 카테고리 주소, 내 깃 허브 주소를 입력했다.
   1. 이미지가 img인 줄 알고 이미지를 바꾸려 했으나 링크로 동작해서 소스 코드에 들어가보니 이미지를 가져온 주소 경로가 적혀있었다. 해당 주소로 접속해 그나마 비슷한 이미지를 찾고 수정해서 이미지를 바꿔주었다. 원래는 페이스북과 트위터가 있던 자리이다.
   2. 마우스를 올리면 파란 빛이 들어온다.
7. 카피라이터는 그냥 간단하게 수정했다.
   1. 나중에 바꿀 예정이다

• 이렇게 큰 페이지들을 모두 연동했고 간단하게 멘트들을 넣어줬다.
• Jenkins 재도전
  • 다시 Jenkins를 다운받는다.

export JAVA_HOME=/usr/lib/jvm/java-11-openjdk-amd64
export PATH="$PATH:$JAVA_HOME/bin”

• Java 환경변수 셋팅을 해준다.

• Jenkins와 Git 연동에 SSH 사용하기
  • Jenkins 프로젝트 생성에서 소스 코드 관리→Git→ Credentials를 보면 위에서는 Git 아이디와 비밀번호로 로그인을 했다. 하지만 여기서 SSH를 사용할 수 있다.
  • 비대칭 키 생성 → public key는 깃허브, private key는 Credentials에 등록을 하는 것이다.

  mkdir /var/lib/jenkins/.ssh
  ssh-keygen -t rsa -f /var/lib/jenkins/.ssh/key
  

  

• .ssh 에 key가 생성이 된다.
• cat 명령어로 확인을 한다.
• private key를 복사하고 Credentials에 붙여넣기로 넣어둔다.
• public key도 복사하고 GIt Hub에서 settings > Deploy key → add deploy key에 들어가서 붙여넣기 해준다.

 

• Jenkins 이슈
  • 이상하게 또 젠킨스가 먹통이다.
  • 일단, 위에서 적용한 ssh를 통한 접속은 된다.
  • 빌드 로그를 확인해 보니 프로젝트는 가져오는 것 같은데 .gradle 위치를 잘 못 찾는 것 같다. 그래서 다시 경로를 잡아보고 실행하려고 하는데 자꾸 먹통이 된다.
  • 회사에서도 이러면 이걸 쓸 수 있나?..싶을 정도이다. 잘 아는 분들에게 한 번 물어봐야겠다.