1-1. 모듈 패턴 싱글톤1-2. 클래스 기반 싱글톤일단 프록시 객체에 대해서 먼저 알아보자. 프록시(proxy)는 객체를 감싸고, 해당 객체에 접근하려는 시도를 가로채거나 수정하는 기능을 제공하는 객체이다. 이를 통해 객체의 동작을 변경하거나 제어할 수 있다. 대리자

CI/CD (Continuous Integration/Continuous Delivery)는 애플리케이션 개발 단계를 자동화하여 애플리케이션을 짧은 주기로 클라이언트에게 제공하는 방법이다. CI/CD의 기본 개념은 지속적인 통합, 지속적인 서비스 제공, 지속적인 배포이

숫자형 열거형(Enum)문자형 열거형(Enum)역 매핑 (Reverse mappings)변수와 인터페이스 - TypeScript에서 변수를 선언할 때 인터페이스를 아래와 같이 사용할 수 있습니다. TypeScript에서 인터페이스는 객체(Object)의 구조를 정의하기

프로젝트 폴더를 생성 -> 프로젝트 폴더 안으로 이동 -> 터미널에서 npm init -y 명령어 실행 -> 새로운 프로젝트를 초기화 -> npm install typescript --save-dev -> 프로젝트 루트 디렉토리에 tsconfig.json 파일을 생성

SOP에 의해 웹 브라우저는 하나의 웹 페이지에서 다른 웹 페이지의 데이터에 접근하기 위한 script가 있을 때, 두 웹페이지가 같은 origin(출처)일 때만 이를 허가한다. 이로써 한 웹 페이지에서 다른 웹 페이지의 Document Object Model(DOM)

W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’으로, 사용자가 운영체제의 관계없이 어떤 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고 있

우선 Ajax요청을 배우기 전에 Effect Hook에 대해서 알아보자.함수 내에서 어떤 구현이 함수 외부에 영향을 끼치는 경우 해당 함수는 Side Effect가 있다. React에서는 컴포넌트 내에서 fetch를 사용해 API 정보를 가져오거나 이벤트를 활용해 DO

Redux는 JavaScript 상태 관리 라이브러리이다.React 없이도 사용할 수 있는 상태 관리 라이브러리이다. 예를 들면, Augular, jQuery, vanilla JavaScript 등 다양한 framework와 작동될 수 있도록 설계되어있다.프로젝트 규모

Javascript에서 비동기란? Javascript는 Single Thread 언어이다. 즉, 싱글 스레드(Single Thread) 란 말 그대로 하나의 스레드만을 사용하여 여러 작업요청을 처리하는 방법이다. 하나의 콜스택 명령을 처리하는 node.js가 싱글 스레

UX(User Experience, 사용자 경험) > UX의 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험입니다. 제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된

UI(User Interface, 사용자 인터페이스) >UI는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미합니다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수

UI는 사용자가 앱과 상호 작용할 수 있는 기술 요소로 구성되어 있지만 UX는 사용자가 앱 경험에 대해 취하는 전반적인 인식을 중심으로 합니다.구글을 예로 들어보겠습니다. 플랫폼의 사용자 인터페이스는 매우 단순합니다. 사용자가 정보를 빠르게 얻을 수 있도록 설계되었습니

Promise의 기능과 필요한 이유에 대해서 설명해주세요.비동기 처리에 사용되는 객체이다. 비동기 처리란, 특정 코드의 연산이 끝나길 기다리지 않고 다음 코드를 처리한다. 장점으로는 요청에 결과가 반환되는 시간동안 다른 작업을 수행할 수 있다는 장점이 있다. 예로는

Open API는 개발자라면 누구나 사용할 수 있도록 공개된 API를 말하며, 개발자에게 사유 응용 소프트웨어나 웹 서비스의 프로그래밍 적인 권한을 제공한다. 대표적으로 공공데이터 포털에 접속하면 해서 원하는 키워드를 검색하면 해당 API를 얻을 수 있다. 누구에게나

REST(Representational State Transfer) - 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미한다.API - 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신하여 정보들을 주고받을 수 있

JavaScript에서 변수를 객체,배열,함수로 선언하면 상위 객체의 프로퍼티를 호출할 수 있는데, 여기서 말하는 상위 객체를 프로토타입이라 하고 상위 객체의 프로퍼티를 호출할 수 있도록 해주는 메커니즘을 프로토타입 체인이라고 한다.위에 사진을 보면 Iphone14라는

프로토타입(prototype) 프로토타입(Prototype) 기반 언어 입니다. 여기서 프로토타입은 원형 객체를 의미한다. 또한, 프로토타입 객체도 또 다시 상위 프로토타입 객체로부터 메소드와 속성을 상속 받을 수도 있고 그 상위 프로토타입 객체도 마찬가지로 받을 수

객체 지향 프로그래밍(Object-Oriented Programming, OOP)이란 컴퓨터 프로그램을 어떤 데이터를 입력받아 순서대로 처리하고 결과를 확인하는 것이 아니라, 프로그래밍에서 필요한 데이터를 추상화시켜 상태와 행위를 가진 객체를 만들고 그 객체들 간의

객체 지향 프로그래밍은 객체를 만들어내는 틀이 클래스이고 틀로 인해 만들어진 객체들을 인스턴스라고한다. 클래스의 타입으로 선언되었을 때 객체라고 부르고, 그 객체가 메모리에 할당되어 실제 사용될 때 인스턴스라고 부른다. 쉽게 비유를 하자면 클래스는 겉모양을 미리