webpack dev server에서 제공하는 proxy 기능을 사용하는 방법브라우저 API를 요청할 때 백엔드 서버에 직접적으로 요청을 하지 않고, 현재 개발서버의 주소로 우회 요청을 하게 된다. 그러면 웹팩 개발 서버에서 해당 요청을 받아 그대로 백엔드 서버로 전달

💚Github Actions이란? >Github Actions이란 Github가 공식적으로 제공하는 빌드, 테스트 및 배포 파이프라인을 자동화할 수 있는 CI/CD 플랫폼이다. 레포지토리에서 Pull Request 나 push 같은 이벤트를 트리거로 GitHub 작

개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합되므로 여러 명의 개발자가 동시에 애플리케이션 개발과

개발 프로세스, 즉 소프트웨어 개발 프로세스 모델은 소프트웨어 개발 생명주기(SDLC, Software Develpment Life Cycle)를 기반으로 만들어졌다. 요구분석 및 시스템 명세 작성: 문제분석 단계라고도 하며, 개발할 소프트웨어의 기능과 제약조건, 목표

JavaScript로 작성된 프로젝트를 TypeScript로 포팅하는 과제를 진행했다. 타입을 그 파일에서 정의하지 않으면 왔다 갔다 해야 해서 힘듬. BUT 여러 파일에서 공통으로 쓰이는 타입이 있다면, 빼서 정의하기도. 여러군데에서 쓰인다 그러면 당연히 뺀다. FC

types/types.tsx 파일에 필요한 타입을 정의해서 export 시켜서, 각 파일에서 필요한 타입을 import 해서 사용했다. index.tsx 파일에서 유념해야 할 점은 한 가지! 바로 root 변수에서 뒤에 as HTMLElement를 달아주는 것! App

제네릭(Generic)은 코드 재사용성을 높이고 타입 안정성을 보장하는 기능이다.제네릭을 사용하면 함수나 클래스를 작성할 때, 사용될 데이터의 타입을 미리 지정하지 않고, 이후에 함수나 클래스를 호출할 때 인자로 전달된 데이터의 타입에 따라 자동으로 타입을 추론하게 된

🌱오늘 한 것 🌱기억해야할 것 🌱더 알아볼 것 🌱한 줄 감상

JavaScript와 TypeScript 모두 객체 지향 프로그래밍을 지원하며 클래스(class)를 사용하여 객체를 생성할 수 있다. 그러나 두 언어의 클래스는 몇 가지 차이점이 있다.JavaScript에서 클래스는 ES6(ECMAScript 2015)에서 처음 도입되

타입의 새로운 이름을 만드는 것 ➡ 새로운 이름으로 기존의 타입을 참조하는 것을 의미

TypeScript에서 인터페이스(Interface)는 일반적으로 타입 체크를 위해 사용이 된다. 인터페이스는 변수, 함수, 클래스에 사용할 수 있으며, 인터페이스에 선언된 프로퍼티 또는 메서드의 구현을 강제하여 일관성을 유지하도록 한다. JavaScript는 인터페이

TypeScript의 열거형(Enum)은 특정 값의 집합을 정의할 때 사용된다. JavaScript에서는 기본적으로 열거형을 지원하지 않지만, TypeScript에서는 문자형 열거형과 숫자형 열거형을 지원한다. Color라는 열거형을 정의하고 있다. 열거형 값은 Red

TypeScript의 기초에 대해 배웠다. 환경 구성방법TypeScript란?TypeScript의 타입TypeScript의 함수TypeScript의 연산자 활용 타입타입스크립트의 등장 배경과 필요성을 자바스크립트의 한계와 엮어서 기억하자. JavaScript로 웹 애플

TypeScript는 연산자를 이용해 타입을 정할 수 있다. JavaScript에서도 보았던 || (OR) 연산자나 && (AND)와 같은 연산자를 이용하여 만들 수 있다. <span style="background-color: 유니온 타입은 둘 이상의 타입을 합

JavaScript에서 함수는 모든 애플리케이션의 기본적인 구성 요소! TypeScript에도 함수는 JavaScript와 마찬가지로 기명 함수(named function)와 화살표 함수(arrow function) 등으로 만들 수 있다. 아래의 JavaScript 코

TypeScript는 JavaScript와 거의 동일한 데이터 타입을 지원한다. 가장 기본적인 데이터 타입으로, JavaScript에서도 마찬가지로 boolean 값이라고 불리는 참(true), 거짓(false) 값을 의미. JavaScript와 마찬가지로 TypeSc

마이크로소프트에서 개발한 JavaScript의 상위 집합(Superset) 언어JavaScript에 <span style="background-color: TypeScript는 JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장했다고 했는데, JS는

지난번에 개발한 솔로 프로젝트에서 UI 인벤토리 작성 및 분석을 해 보았다. 우선 필터 버튼만 개선하기로 했다. 폴더 구조는 위와 같다. 버튼은 이미지태그와 라벨을 나타낼 h3 태그로 이루어져 있고, 라벨은 atoms의 Typography에서 들고와서 import 할

아토믹 디자인의 개념과 이를 구성하는 요소에 대해 알 수 있다.아토믹 디자인 적용 시 얻는 이점에 대해 이해할 수 있다.애플리케이션을 아토믹 디자인으로 구성하는 방법에 대해 이해할 수 있다.웹 디자이너 Brad Frost가 책 "Atomic Design"을 통해 제시한

디자인 시스템이란 무엇이며, 왜 중요한지 이해할 수 있다.디자인 시스템을 적용함으로써 얻는 이점을 알 수 있다.구글, 마이크로소프트 등 실제 유명 서비스에서 디자인 시스템을 어떻게 사용하는지 알 수 있다.디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로