리스트 예시: 게시물이 존재할 경우 3건을 노출합니다.
-
CI/CD와 클라이언트 배포에 대해 이해
클라이언트 배포란 배포 자동화 한번의 클릭 또는 명령어 입력해 전체 배포 과정을 자동으로 진행 왜 필요한가? 1.시간 절약 2.휴먼 에러방지 DevOps특징 개발에서 운영까지 하나의 통합된 프로세서로 묶음. 툴과 시스템을 표준화하여 의사소통 효율성 확보. 일련의 작업들을 자동화함. 즉 코드통합, 테스트, 배포 과정을 자동화시킴. CI/CD 란 파이프라인 3단계 Source 단계: Source 단계에서는 원격 저장소에 관리되고 있는 소스 코드에 변경 사항이 일어날 경우, 이를 감지하고 다음 단계로 전달하는 작업을 수행합니다. Build 단계: Build 단계에서는 Source 단계에서 전달받은 코드를 컴파일, 빌드, 테스트하여 가공합니다. 또한 Build 단계를 거쳐 생성된 결과물을 다음 단계로 전달하는 ..
2023.02.03
-
Unit8 - [최적화] Optimization
최적화(Optimization)의 개념 최적화는 보통 주어진 조건으로 최대 효율을 낼 수 있도록 하는 것을 의미합니다. 컴퓨터 공학에서의 최적화는 가능한 적은 리소스를 소모하면서 가능한 한 빠르게 원하는 결과를 얻을 수 있도록 하는 것을 의미합니다. 최적화의 필요성 및 효과 1. 이탈률 감소 웹 사이트의 성능 최적화를 통해 페이지 로딩 속도를 줄이면, 사용자의 이탈률을 효과적으로 줄일 수 있다는 의미이기도 합니다. 여기서 최적화의 필요성을 엿볼 수 있습니다. 2. 전환율 증가 이탈률이 줄어들면, 전환율이 높아질 확률도 커집니다. 여기서 전환율이란, 웹 사이트를 방문한 사용자 중 회원가입, 상품 구매, 게시글 조회, 다운로드 등의 행위를 한 방문자의 비율을 의미합니다. 전환율을 늘려 서비스 사용자를 늘리기..
2023.02.01
-
Unit3 - [React] 번들링과 웹팩과제
웹팩이란? 현재 프론트엔드 애플리케이션 배포를 위해 가장 많이 사용하는 모듈 번들러(Module Bundler)이다. 모듈 번들러란 웹 애플리케이션을 구성하는 HTML, CSS, JavaScript, image 등의 자원을 전부 각각의 모듈로 보고 이를 조합해 하나의 묶음으로 번들링(빌드)하는 도구를 의미한다. 모듈이란? 모듈이란 프로그래밍 관점에서 특정 기능을 갖는 작은 코드 단위를 의미한다. 웹팩에서 지칭하는 모듈은 자바스크립트 모듈에만 국한된 것이 아닐, 웹 애플리케이션을 구성하는 모든 자원을 의미. 모듈 번들링이란? 그림과 같이 웹 애플리케이션을 구성하는 몇십, 몇백개의 자원들을 하나의 파일로 병합 및 압축해주는 동작을 모듈 번들링이라고 한다. Webpack의 필요성 웹 애플리케이션의 빠른 로딩 ..
2023.01.18