![]()
목차1. Socket.io에 대해Socket.io 특징Socket.io 그룹화 개념Socket.io 핵심 메소드2. 프로젝트 기본 설정3. Express 및 Socket 설정 4. 웹 프론트웹 프론트 구현웹 실시간 채팅 테스트5. 앱(AOS) 프론트앱 프론트 구현앱 실시간 채팅 테스트 1. Socket.io에 대해 Socket.io는 클라이언트와 서버 간의 저지연, 양방향 통신을 가능하게 하는 JS 기반 라이브러리이다. 클라이언트와 서버 간의 메시지 전송이 이벤트 기반으로 이루어지며 이벤트 핸들러를 통해 특정 이벤트에 반응하여 데이터를 처리할 수 있다. 채팅하면 WebSocket, WebSocket하믄 채팅 아닌가? (무식티비) 채팅의 국룰은 WebSocket이 맞다. 그런데 WebSocket과..
![]()
목차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. 컨테이너 기술2. Docker의 개념3. Docker 기본 사용법4. Docker 활용 1. 컨테이너 기술 컨테이너(Container)란 가상화된 운영체제 위에서 애플리케이션의 독립적인 실행에 필요한 파일(소스코드, 라이브러리 등)을 모은 패키지를 의미한다. 컨테이너는 Cloud Native 소프트웨어의 가장 작은 단위가 되며 서버에 바로 배포하거나 가상머신 위에도 배포할 수 있다. 또한 컴퓨터 운영체제를 통해 관리되고 리소스 및 기능에 제약을 갖는 구동 프로세스를 의미한다. 기존 가상화 방식과 컨테이너 가상화 기술을 비교했을 때 서버 가상화는 하드웨어 레벨에서 이뤄지며, 물리 서버 자원 즉 CPU나 메모리 등을 분할해 논리적인 가상서버를 만들었다.컨테이너 가상화는 OS 레벨에서..
![]()
목차1. MongoDB에 대해2. MongoDBAtlas 생성3. Node.js - MongoDB 연결4. 모델(Model) 생성 1. MongoDB에 대해 MongoDB는 오픈소스 비관계형 데이터베이스 관리 시스템으로 테이블과 행 대신 유연한 문서를 활용해 다양한 데이터 형식을 처리하고 저장한다. NoSQL 기반 데이터베이스라고 하면 가장 대중적으로 많이 쓰이는 데이터베이스이기도 하다. 먼저 NoSQL은 기존의 RDBMS와 같은 관계형 모델을 지양하고 대량의 분산된 비정형 데이터를 저장 및 조회하는데 특화된 비관계형 데이터베이스를 지칭한다. 다음으로 NoSQL과 RDBMS와의 차이점을 짚고가자. 1. 구조 및 데이터 모델RDBMSNoSQL테이블 기반의 관계형 모델여로 가지 데이터 모델 지..
![]()
목차 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 구..
