본문 바로가기

📖

 (160)
Section4 Unit7 [Deploy] CI/CD - Github Actions 실습 Section4 Unit7 [Deploy] CI/CD - Github Actions 실습 📌 Chapter1. 개발 프로세스 • 개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)를 기반으로 만들어졌다. • 전통적인 개발 프로세스로 워터풀 방식이 있고, 모던 개발 프로세스로 애자일이 있다. 📌 Chapter2. CI/CD • 지속적 통합(Continuous Integration, CI) 개발자를 위한 자동화 프로세스 (Code - Build - Test 단계) CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합되므로 여러 명의 개발자가 ..
Github Actions, AWS S3를 사용한 CI/CD 💬 Code States 부트캠프의 막바지에 CI/CD를 위한 Github Action 실습이 있었다. 이전 챕터에서 AWS S3 버킷을 통해 클라이언트 코드를 배포했었고, 이미 배포 준비가 완료된 S3에 Github Action을 통해 파일을 전달하는 것이 이번 실습의 목표였다. 처음이라 너무 헷갈렸는데, 하다보니 흥미가 생겨서 과정을 정리해볼까 한다. 📌 GitHub Actions는 Github가 공식적으로 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 CI/CD 플랫폼이다. 🚀 Github Actions를 통한 클라이언트 배포 Flow 1. Source Github 브랜치에 코드가 push (push 뿐만 아니라 다른 이벤트도 가능) 되면 2. Build Github Acitons의..
Section4 Unit6 [Deploy] Amazon Web Service Section4 Unit6 [Deploy] Amazon Web Service 📌 Chapter1. AWS Regulations • AWS 실습 관련 규정 및 가이드라인 안내 🙂 📌 Chapter2. Amazon Web Service • 아마존 웹 서비스(AWS)란 아마존이 자사의 노하우를 살려 제공하고 있는 ‘클라우드 컴퓨팅 서비스’를 의미한다. AWS에는 컴퓨팅, 스토리지, 데이터베이스, 분석, 네트워킹, 모바일, 개발자 도구, 관리 도구, IoT, 보안, 엔터프라이즈 애플리케이션 등 다양한 서비스가 준비되어 있으며, AWS의 다양한 서비스를 조합하여 모든 애플리케이션과 인프라를 구축할 수 있다. 일전에는 여러 사업자에게 각각 빌려야 했던 인프라를 일괄로 빌릴 수 있게 됐으며, 필요에 따라 운영체제(O..
타입스크립트의 Enums(열거형) 타입에 대해 간단하고 빠르게 알아보자 Enum은 C, Java와 같은 다른 언어에서 흔하게 쓰이는 타입으로 이름이 있는 상수들의 집합을 정의할 수 있다. TypeScript에서는 숫자와 문자열 기반 열거형을 제공한다. 열거형은 enum 키워드를 사용해 정의한다. → enum은 특정값만 입력되도록 하고 싶을때, 그 값들이 공통점이 있을때 사용한다. enum Color { Red, Orange, Blue, } 참고로 열거형은 기술적으로는 숫자와 문자를 섞어서 사용할 수 있지만 (이종 열거형: Heterogeneous enums) 굳이 그렇게 할 이유가 없다면 권장하지 않는다. 👾 숫자형 열거형(Enum) 열거형의 디폴트 값으로 숫자형을 사용한다. 각 값은 자동으로 0부터 시작하여 1씩 증가하며, 수동으로 값을 지정할 수도 있다. enum Col..
타입스크립트 유니온/교차 타입과 리터럴 타입 TypeScript의 타입은 연산자를 이용해 조합해서 사용할 수 있다. 다소 복잡한 타입을 표현하고 싶을 때, 지정한 여러 타입의 합집합을 의미하는 Union 타입과 교집합을 의미하는 Intersection 타입을 사용할 수 있다. Union 타입은 | 연산자를, Intersection 타입은 & 연산자를 사용한다. 👾 Union Types 유니온 타입은 여러 타입 중 하나가 될 수 있는 값으로, 서로 다른 두 개 이상의 타입을 세로 막대 | 로 구분하여 만든다. let value: string | number | boolean; 👩🏻‍💻 Union type 기본 예시 function printValue(value: number | string): void { if (typeof value === 'nu..
VSCode에서 TypeScript 환경 설정하기 👾 VSCode에서 TypeScript 환경 설정하는 방법 본격적으로 TypeScript 학습을 하기 위해 VSCode에서 환경 설정을 했다. 과정이 마냥 단순한건 아닌것 같아서 정리를 해두기로 했다. 혹시나 다음에 다시 보게될 나를 위해, 혹은 나처럼 처음 타입스크립트를 공부하거나 사용하기 위한 환경 세팅을 하는 누군가를 위해 :) 1. 새로운 프로젝트 생성 (📁 learn-typescript) # learn-typescript 폴더에서 새로운 프로젝트 초기화 npm init -y ✨ OPTION. scripts 명령어로 build와 start 실행하기 위한 package.json 설정 { "name": "learn-typescript", "version": "1.0.0", "description": ..
Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 Section4 Unit5 [TypeScript] 기초 - 타입스크립트 시작 📌 Chapter1. TypeScript • TypeScript는 JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었다. VSCode에서 TypeScript 환경 설정하기 👾 VSCode에서 TypeScript 환경 설정하는 방법 본격적으로 TypeScript 학습을 하기 위해 VSCode에서 환경 설정을 했다. 과정이 마냥 단순한건 아닌것 같아서 정리를 해두기로 했다. 혹시나 다음에 다시 보 fay-story.com 타입스크립트 학습을 위한 VSCode 환경설정 하는 방법을 따로 기록해두었다 :) ..
Section4 Unit4 [UX/UI] Design System - 디자인 시스템 구축하기 Section4 Unit4 [UX/UI] Design System - 디자인 시스템 구축하기 📌 Chapter3. 디자인 시스템 구축하기 • 디자인 시스템을 도입하기 좋은 시기 : 제품군 및 기능이 확장될 때, 관련된 인원이 늘어날 때, 채널이 확장될 때 ⭐️ 과제. 디자인 시스템 구축하기 지난 과제였던 Component Library는 겨우 어떻게 해서 제출을 했는데, 이번 과제인 디자인 시스템 구축하기는 할 엄두가 안나서 포기했다. 어떤 부분이 할 엄두가 나지 않았냐하면, 스토리북을 사용하는데서 막혔다. 라이브 세션 강의를 보고 스토리북을 세팅하고, 컴포넌트 하나를 만들기는 했는데 글쎄... 지난 Section3 에서도 스토리북을 제대로 보지 않아서 이번 Section에서 다시 해보려니 빈 스케치북에..
반응형

티스토리툴바