가상 리스트, 가상 스크롤, 목록 가상화 등 다양한 이름으로 불리는 최적화 방식에 대해서 알아보자.이 방식은 동적인 목록을 렌더링할때, 특히 대량의 리스트를 랜더링할 때, 전체 목록을 렌더링하지 않고 화면에 “보이는” 컨텐츠 들만 랜더링하는 방식이다.목록의 요소들을

elastic search에서 검색결과 통계에 사용되는 score 점수를 조정할 수 있는 것들 모음다중 인덱스 검색시, 특정 인덱스에 포함된 문서들에 가중치 두기특정 조건에 맞는 모든 결과의 점수를 동일하게 고정시킨다.장점: 조건에 맞는 문서들에 대해 score를 계산

공식 문서검색 요청이 인덱스/다중 인덱스에서 실행될때, 각 샤드들은 검색을 로컬에서 실행하고 난뒤 결과를 coordinating node로 반환한다. coordinating 노드는 결과를 수집하여 global 결과 집합으로 만들어낸다.이 과정 속에서 샤드레벨의 요청에

스팟잇 MVP 배포가 끝나고 리뷰위크에서 취합된 피드백을 바탕으로 약 2달여간 운영 및 개선을 진행했습니다. 오늘 회고글에서는 어떤 점을 개선하였는지 살펴보며 협업을 되돌아보도록 하겠습니다.일주일간 약 50+여명의 사용자들로부터 전체 시나리오에 대한 피드백을 들을 수

낙관적 업데이트는 웹 어플리케이션에서 사용자 경험을 향상시키기 위해 사용되는 개념입니다.프론트엔드에서 일반적으로 상태가 업데이트 되는 방식은 다음과 같습니다.사용자가 어떤 동작을 수행합니다. (예: 스크랩, 좋아요, 삭제 등)서버에 변경사항을 요청하고 응답을 기다립니다

스팟잇서비스는 팝업스토어의 정보제공과 예약을 도와주는 서비스입니다. 유저기능을 구상하면서 사용자가 팝업현장에서 웨이팅하는 상황을 고려하여 복잡한 로컬 회원가입보다 간편한 카카오로그인방식을 선택하였습니다.

어플리케이션에 분석툴을 붙여보자

spotit 첫 페이즈를 마치며

쿠키에 대해서 알아보자

팝업 예약 서비스 프로젝트 스팟잇(Spot it)을 개발하면서, 상황에 맞춰 사용자에게 알림을 보내는 기능을 구현해야 하는 과제가 주어졌습니다.알림 기능이 MVP의 주요 기능에 포함되고 빠른 구현이 필요했기에, 팀 내부에서는 비교적 단순한 방식인 폴링을 사용하기로 결정

커링패턴에 대해서 알아보자

KPT로 회고하고 나아가자!

Longest Valid Parentheses 문제 바로가기 🚀 올바른 괄호 찾기 문제의 응용버전으로 주어진 괄호로 이루어진 문자열중, 올바르게 연결된 괄호의 최대길이를 반환하는 문제입니다.괄호는 소괄호로만 이루어져 있습니다.(1) 스택을 사용해서 올바른 괄호인지를

Zustand 기본 사용법 : store 생성하고 상태 조작하기 create으로 스토어 생성하기 create함수는 스토어(store)를 생성하여 반환한다. 스토어는 상태와 그 상태를 조작하는 액션으로 이루어져 있다. store의 타입정의를 state와 actio

일반적으로 체크 박스 컴포넌트를 만들어 주세요! 라는 요청이 오면 아래와 같이 만들 것 같다. 그런데 만약 아래와 같이 요청이 변경된다면 어떨까? 😬 체크박스 라벨 하위로 서브라벨을 달아주세요! 😜 서브라벨이 옆에 있는 컴포넌트도 만들어 주세요! 체크박스

데브먼트 타입스크립트 스터디가 끝나고 최종 발표를 위해 정리한 글 입니다.우리가 배운 Javascript는 동적 타입 언어입니다. Javascript에서는 컴파일시 타입을 정하지 않고 런타임까지 타입에 대한 결정을 끌고 갈수 있어 유연성이 높습니다.타입스크립트는 정적

v-model디렉티브는 양방향 데이터 바인딩을 지원하는 속성이다.양방향 데이터 바인딩이란 화면의 데이터와 뷰 인스턴스가 항상 일치하는 것이다.v-model디렉티브는 간편한 양방향 바인딩기능을 지원하지만, 내부적으로는 아래 코드와 같은 구조로 동작한다.

typescript 스터디에서 모노레포에 관한 이야기가 나와서 어떻게 모노레포가 등장하게 되었는지(배경)과 이를 해결하기 위한 다른 방법(멀티레포) 그리고 앞선 두 개발전략의 어떤 점을 모노레포가 해결했는지에 대한 글을 작성하게 되었다.모노레포가 등장하기 전에는 모놀리

🌟 source가 변경되면 콜백함수를 실행한다.computed와 watch의 비교 및 사용사례computed()는 결과값을 반환하지만, watch()는반응형 데이터를 변경했을 때 특정 동작을 실행computed → vue 인스턴스의 상태(ref, reactive 변수

next.js의 특징 Next.js는 리액트 기반의 프레임워크다. 실제 프로젝트에서 프레임워크가 가지는 장점이라면 커뮤니케이션시간이 감소된다는 점이다. 리액트는 라이브러리이기 때문에 자유도가 비교적 높다. 그 말은 개발자 마다 옳다고 생각하는 바가 다를 수 있고,