본문 바로가기

코드스테이츠 42기/[TIL] Section 44

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