분류 전체보기

1. 기존 프로젝트와 연동할 repository를 만든다. 2. 내가 작업중인 프로젝트는 vscode에서 작업하고 있으므로 vscode에서 terminal을 열고 git: bash터미널에서 명령어를 입력했다. 나의 경우 기존 remote의 origin을 삭제하기 위해 다음과 같이 입력했다. (건너뛰어도 되는 부분) 3. 깃 초기화 4. repository 연결하기 git remote add origin 뒤에 깃허브 주소를 복사해 넣어주었다. 5. 연결된 repo 확인(fetch / push 주소 확인) 6. 새 repository에서 내용을 pull 받아 git history 동기화 7. 새 repository에 파일 업로드 위해 스페이지에 파일 올리기 git add .는 모든 파일을 스테이지에 올린다는..

1. 몽고디비 사이트 접속 몽고디비 사이트에 접속한다. https://www.mongodb.com/home MongoDB: The Developer Data Platform Get your ideas to market faster with a developer data platform built on the leading modern database. MongoDB makes working with data easy. www.mongodb.com Build a Database 버튼을 눌러 cluster를 생성한다. 다음과 같은 설정으로 cluster를 생성해준다. cluster 이름은 boilerplate로 해주었다. username과 password를 입력하여 몽고DB 유저도 생성해주었다. mongoD..

1. nodejs가 설치되어있는지 확인 검색창에 cmd를 입력하고 cmd창 내에서 node -v 명령어를 통해 nodejs가 설치되어 있는지 확인한다. 2. boiler-plate 폴더 생성 documents폴더로 들어간 뒤 boiler-plate 폴더를 생성하고 boiler-plate 폴더 안으로 들어간다. 3. npm init npm init 입력 후 다음과 같이 환경설정하여 새로운 or 존재하는 npm package를 만들어준다. author에는 자신의 이름을 입력한다. 4. visual studio로 프로젝트 열기 visual studio에서 방금 만든 프로젝트를 열면 package.json에서 npm init을 통해 설정한 내용을 확인할 수 있다. 5. index.js 생성 백엔드 시작점인 in..

1. GKE 클러스터 생성 kubernetes클러스터에 배포 자동화를 하기 위해서는 먼저 GKE 클러스터를 생성해야 한다. 영역을 asia-northeast3-a, 제어 영역 버전을 정적 버전으로 한 kube라는 이름의 클러스터를 생성해주었다. 노드 수가 3개인 kube라는 이름의 GKE 클러스터가 생성되었다. vm 인스턴스에서 3개의 노드를 확인할 수 있다. 2. jenkins 설정하기 docker ps -a 명령어를 통해 myjenkins라는 이름의 jenkins 컨테이너가 있는 것을 확인하고 myjenkins 컨테이너 안에서 interactive bash shell이 실행되도록 다음과 같은 명령어를 입력했다. 명령어 입력을 통해 젠킨스 컨테이너 안으로 들어왔다. 3. 젠킨스 컨테이너에 gcloud ..

1. jenkins 컨테이너에서 interactive bash shell을 실행하기 위해 다음과 같은 명령을 입력했다. interact bash shell이 실행되었다. 2. jenkins 컨테이너가 gke cluster에 접근할 설정이 다 되지 않았기 때문에 다음과 같이 gcloud CLI를 설치한다.

CODE // 이름을 변경할 폴더가 있는 레포지토리로 이동 git clone [깃허브주소] cd [레포지토리 이름] git mv [기존폴더명] [변경폴더명] git add . git commit -m "change folder name" git push origin master

1. 좋아요 기능을 수정할 feature_like 브랜치를 만들었다. 2. git switch를 통해 현재 작업하고 있는 branch를 master에서 feature_like로 바꿔주었다. 3. feature_like 브랜치에서 test.rb라는 테스트용 파일을 하나 만들고 4. git push를 통해 github에도 방금 만든 feature_like 브랜치가 생기도록 하였다. 5. feature_like 브랜치에 test.rb파일이 들어가 있는 것을 볼 수 있다.

1. 도커 이미지 빌드하기 dockerhub 사이트로 들어가 prbasedtest라는 이름으로 dockerhub repository를 생성해주었다. 2. 프로젝트 폴더인 HowIsTheWeatherToday2폴더로 들어가 다음과 같이 Dockerfile을 생성했다. 3. Jenkinsfile도 다음과 같이 생성했다. 첫번째 stage에서는 HowIsTheWeatherToday2라는 나의 프로젝트 리포지토리를, 두번째 stage에서는 방금 전에 만든 prbasedtest repository를 복사해 넣어주었다. 4. docker pipeline 설치하기 jenkins사이트에 있는 플러그인 관리로 들어가 'install without restart'버튼을 통해 docker pipeline을 설치해주었다. 5..

터미널에 아래 커맨드 실행 npm install --save bootstrap npm install --save reactstrap index.js파일에 아래 코드 추가 import 'bootstrap/dist/css/bootstrap.css';

import { useHistory } from "react-router-dom"; react-router-dom에서 useHistory를 import해오려고 하였는데 다음과 같은 오류가 떴다. 문제원인 react-router-dom 버전이 6버전대로 올라가면서 useHistory()가 useNavigate()으로 바뀌었다. 해결방법 다음의 코드를 대신 삽입한다. import { useNavigate } from 'react-router-dom'; const navigate = useNavigate(); navigate('/home') 추가적으로 useHistory를 useNavigate으로 바꿔준다. 추가오류 발생 이번에는 다음과 같은 오류가 발생했다. 문제원인2 useNavigate가 고차컴포넌트(H..