각 단계에서 최적의 해를 선택하는 방식이다. 그러나 각 단계에 최적의 해가 전체의 최적의 해가 되지는 못한다. 그리디의 단점이다.단적인 예시가 아래 슬라이딩 윈도우로 풀었던(https://velog.io/@berry_hennie/sliding-window) 카

슬라이딩 윈도우란?연속된 데이터에서 일정한 크기의 창을 설정하고 이 윈도우를 하나씩 이동 시키면서 데이터를 효율적으로 처리하는 기법이다.문제N개의 카드가 있고, 양쪽 끝 왼쪽 끝카드를 둘 중 하나 가져갈 수 있다. 양끝에서 가져가는 방식으로 k개의 카드를 가져갈 수 있

파일 업로드 구현관련해서 바닐라JS와 React 코드를 비교하기로 한다.가장 먼저, 바닐라JS에서의 코드이다.동적으로 태그를 추가해서 구현하는것이 일반적인 케이스이다.React에서의 코드는이떄 브라우저는 client가 서버에게 파일 저장하라고 하기전에 임시로 파일을 메

query 코드호출하는 컴포넌트 코드🔄 왜 useMemo를 사용해야 했을까?📌 문제 상황usePublishingGroupQuery에서 deployedPublishingGroup을 다음과 같이 정의했을 때:이 코드가 매 렌더링마다 새로운 배열 객체를 생성하게 되면서,

React 렌더링 사이클 상태 변경 → setState 호출 리렌더링 → 컴포넌트 함수 재실행 useEffect 체크 → 의존성 배열의 값들이 이전과 다른지 비교 useEffect 실행 → 의존성이 변경되었다면 effect 함수 실행 무한 루프가 발생하는 이유

타입은 여러개의 값을 포함하는 '집합'이다. number라는 집합은 여러개의 숫자 리터럴로 이루어진 집합이다.e.g) -20, Infinity, 1234123,2,....예를 들어 20이라는 타입에 속하는 요소인 숫자 20은 20이라는 타입 외에도 number라는 타입

타입스크립트를 처음 배울 때 Generic이라는 개념을 마주치면 '이건 대체 왜 있는 걸까?' 하는 생각을 한 번쯤 해보셨을 겁니다. 저도 그랬으니까요! 하지만 제네릭은 타입스크립트를 강력하게 만들어주는 핵심 기능 중 하나입니다.타입스크립트 공식 문서에서는 제네릭을 이

요즘 소셜 미디어나 뉴스 피드를 보면 콘텐츠가 끝없이 이어지는 경험을 쉽게 할 수 있습니다. 사용자가 페이지를 아래로 스크롤하면 새로운 콘텐츠가 자연스럽게 로드되는 것, 이것이 바로 무한 스크롤(Infinite Scroll) 입니다.이번 포스트에서는 왜 무한 스크롤이

특정페이지(ChannelMap, TravelService, LG Channels) 진입시 필요한 앱 미설치시 Detail Page 로 이동할 수 있도록 팝업을 출력하는것이 요구조건이다.. 예를들면, TraverlService 페이지 접속시 TraverlService 설

대상 객체에 접근하기전에 그 접근에 대한 흐름을 가로채 해당 접근을 필터링 하거나 수정하는 등의 역할을 하는 계층이 있는 다지인 패턴이다.클라이언트(사용자)와 서버 사이 중간에 위치하여 요청을 대신 처리해주는 서버이다. 사용자가 직접 서버에 접근하지 않고 프록시 서버를

CloudWatch Logs Insights는 쿼리 결과에서 패턴을 자동으로 분석해주는 기능이 있다.예를 들어 error code = 500 같은 로그가 반복되면, 그 패턴이 몇 번 나왔는지도 보여준다.fields @timestamp, @message, @logStre

옵저버 패턴이란 객체의 상태가 변경이 되면 객체에 의존하는 옵저버 들에게 변경된 상태를 알려주는 패턴이다.보통 이벤트 기반 시스템에 많이 적용된다.옵저버 패턴은 2가지로 구성이 된다.Subject(객체이자 주체, 혼합되서 사용되는 경우) : 객체의 상태를 관리하며, s

회사에서 centos-> ubuntu 기반으로 마이그레이션 작업을 하게 되었다. 이때, 내가 맡는 프로젝트는더미데이터를 넣어줘야 하는데 이때 내컴퓨터로 서버의 MYSQL접속을 해서 쿼리를 실행하는게 목적이었다.이를 해결하기 위해 아래와 같은 방법으로 설정했다.1\. m

객체의 행위를 바꾸고 싶을때 직접 바꾸지 않고 캡슐화한 객체의 행동을 컨텍스트 안에서 바꿔주면서 상호 교체가 가능한 패턴이다.책에서 예시를 드는 표현은 페이였다. 우리가 물건을 살때 쇼핑, pay는 수단인데 카카오페이를 쓰냐 네이버 페이를 쓰냐 사실 쇼핑몰 입장에서는

팩토리 패턴이란?객체 생성 과정을 추상화 한것이다. 사용자는 어떤 객체를 생성할지, 어떻게 생성할지를 감추고 인터페이스만 제공하도록 한다.FE에서 사용할 수 있는 패턴 적용은 아래와 같다.만약에 Notification을 적용해야한다면 팩토리 패턴을 적용해서 구현할 수

싱글톤 패턴이란?싱글톤 패턴은 클래스의 인스턴스가 하나의 객체만 생성하도록 보장하는 패턴이다.즉, 전역에서 하나의 객체만 공유 가능하도록 한다.웹소켓 연동 혹은 DB Connection에서 주로 사용되는 패턴이다.이전에 회사에서 구현했던 websocket 코드이다. 아