![]()
목차1. API Mocking 정의2. Jest3. 사용 방법4. 테스트 1. API Mocking 정의API Mocking 정의는 1편에 작성해두었으니 참고하길 바란다. https://aeeazip.tistory.com/55 [API Mocking] API Mocking Server 구축 (1) - MSW목차1. API Mocking 정의2. MSW3. 사용 방법4. 테스트 1. API Mocking 정의 프론트엔드 개발에서 데이터를 사용한 개발은 백엔드 API 개발에 의존하며 병렬적으로 진행된다. API에 종속적인 aeeazip.tistory.com 2. JestJavaScript의 테스팅 프레임워크로, 주로 유닛 테스트와 통합 테스트를 작성할 때 사용한다. Jest 자체로는 모..
![]()
목차1. API Mocking 정의2. JSON Server3. 사용 방법4. 테스트 1. API Mocking 정의API Mocking 정의는 1편에 작성해두었으니 참고하길 바란다. https://aeeazip.tistory.com/55 [API Mocking] API Mocking Server 구축 (1) - MSW목차1. API Mocking 정의2. MSW3. 사용 방법4. 테스트 1. API Mocking 정의 프론트엔드 개발에서 데이터를 사용한 개발은 백엔드 API 개발에 의존하며 병렬적으로 진행된다. API에 종속적인 aeeazip.tistory.com 2. JSON ServerJSON Server를 활용한 Mocking 서버 구축은 Node.js와 npm이 설치된 ‘..
![]()
목차1. API Mocking 정의2. MSW3. 사용 방법4. 테스트 1. API Mocking 정의 프론트엔드 개발에서 데이터를 사용한 개발은 백엔드 API 개발에 의존하며 병렬적으로 진행된다. API에 종속적인 개발이 많을수록, 개발 가능한 시간과 테스트에 쏟을 수 있는 시간은 줄어든다. 따라서 프론트엔드에서 데이터를 사용한 개발 부분의 백엔드 API 개발 의존성을 줄이기 위해서 API Mocking 개념이 등장했다. API Mocking은 백엔드 서비스를 모방하는 기술로, 실제 서버를 사용하지 않고 API 호출 프로세스를 모방한다. 또한 프론트엔드에서 Mocking API를 통해 구현을 완료했을 때 실제 API와 연동 시 오류가 없어야 한다. 위의 과제를 만족하기 위해 Mocking API..
![]()
목차 1. CI/CD 개념 2. OverView 3. VPC 생성 및 연결 4. Github Actions 설정 5. AWS IAM 생성 6. AWS Elastic Beanstalk 설정 7. 프로젝트 파일 생성 및 수정 8. HTTPS 적용 https://aeeazip.tistory.com/51 [CI/CD] Github Actions + Elastic Beanstalk를 활용한 Node.js CI/CD 구축 (2) 목차 1. CI/CD 개념 2. OverView 3. VPC 생성 및 연결 4. Github Actions 설정 5. AWS IAM 생성 6. AWS Elastic Beanstalk 설정 7. 프로젝트 파일 생성 및 수정 8. HTTPS 적용 https://aeeazip.tistory.co..
![]()
목차 1. CI/CD 개념 2. OverView 3. VPC 생성 및 연결 4. Github Actions 설정 5. AWS IAM 생성 6. AWS Elastic Beanstalk 설정 7. 프로젝트 파일 생성 및 수정 8. HTTPS 적용 https://aeeazip.tistory.com/50 [CI/CD] Github Actions + Elastic Beanstalk를 활용한 Node.js CI/CD 구축 (1) 목차 1. CI/CD 개념 2. OverView 3. VPC 생성 및 연결 4. Github Actions 설정 5. AWS IAM 생성 6. AWS Elastic Beanstalk 설정 7. 프로젝트 파일 생성 및 수정 8. HTTPS 적용 1. CI/CD 개념 CI 빌드/테스트 자동화 ..
![]()
목차 1. CI/CD 개념 2. OverView 3. VPC 생성 및 연결 4. Github Actions 설정 5. AWS IAM 생성 6. AWS Elastic Beanstalk 설정 7. 프로젝트 파일 생성 및 수정 8. HTTPS 적용 1. CI/CD 개념 CI 빌드/테스트 자동화 과정 CI는 개발자를 위한 자동화 프로세스인 지속적인 통합 의미 커밋할때마다 빌드와 일련의 자동화 테스트가 이루어짐 → 동작을 확인하고 변경으로 인해 문제가 생기는 부분이 없도록 보장 ex) main 브랜치로 commit or pull request가 발생할 때마다 항상 검증 CD 지속적인 서비스 제공/배포 의미 코드 변경이 main에 커밋되면, 자동화된 빌드 및 테스트 프로세스를 거쳐 문제가 발견되지 않으면 최종적으로..
![]()
목차 0. 포스팅 계기 1. CI/CD 개념 2. OverView : GitLab + Jenkins + Nginx + AWS EC2 3. EC2에 Jenkins 설치 후 초기 설정 4. GitLab - Jenkins 설정 5. Jenkins - EC2 연결 6. 방화벽 설정 7. Nginx로 reverse_proxy 설정 오늘은 5번 Jenkins - EC2 연결부터 7번 Nginx로 reverse proxy 설정하는 방법에 대해서 다루려고 한다. 전반적인 OverView나 EC2에 Jenkins 설치 후 초기 설정하는 과정이 궁금하다면 이전편을 참고하기 바란다. https://aeeazip.tistory.com/39 [CI/CD] GitLab + Jenkins를 활용한 SpringBoot CI/CD 구..
![]()
목차 0. 포스팅 계기 1. CI/CD 개념 2. OverView : GitLab + Jenkins + Nginx + AWS EC2 3. EC2에 Jenkins 설치 후 초기 설정 4. GitLab - Jenkins 설정 5. Jenkins - EC2 연결 6. 방화벽 설정 7. Nginx로 reverse_proxy 설정 오늘은 4번 GitLab - Jenkins의 설정에 대해서 다루려고 한다 . 전반적인 OverView나 EC2에 Jenkins 설치 후 초기 설정하는 과정이 궁금하다면 이전편을 참고하기 바란다. https://aeeazip.tistory.com/39 [CI/CD] GitLab + Jenkins를 활용한 SpringBoot CI/CD 구축 (1) - EC2에 Jenkins 설치부터 초기 ..
![]()
목차 0. 포스팅 계기 1. CI/CD 개념 2. OverView : GitLab + Jenkins + Nginx + AWS EC2 3. EC2에 Jenkins 설치 후 초기 설정 4. GitLab - Jenkins 설정 5. Jenkins - EC2 연결 6. 방화벽 설정 7. Nginx로 reverse_proxy 설정 8. 빌드 스크립트 (deploy.sh) 작성 0. 포스팅 계기 한이음 중간보고서 제출 전 구글링하다 얻어걸린 블로그에서 GitLab + Jenkins + Docker + EC2를 활용한 CI/CD를 구축했길래 우리도 비슷하게 하면 되겠거니 생각해서 보고서엔 멋드러지게 위의 기술들을 활용하겠다고 작성했다. 막상 본격적인 개발 시작 전에 다시 블로그를 읽어보니 1편만 작성하셔서... 어 ..
![]()
목차 0. 포스팅 계기 1. CI/CD 개념 2. OverView : Github Action + Docker + Nginx + AWS EC2 3. 스프링 프로젝트 내부에 .yml 파일 작성 4. 스프링 프로젝트 내부에 Dokerfile 작성 5. Github Actions의 Secrets 값 설정 6. Github Actions의 workflow 작성 7. EC2에 Docker 설치 + docker-compose.yml 파일 작성 8. 방화벽 설정 9. Nginx로 reverse_proxy 설정 0. 포스팅 계기 CI/CD 어느순간부터 귀에 딱지 앉게 많이 들은 단어지만 정확한 개념도 어떻게 구현하는건지도 찾아본 적도 없었다. 그러다 프로젝트 배포를 늘 수동으로!!!!!!!!!! 한 끝에 드디어 CI/..
