본문 바로가기

분류 전체보기352

[프로그래머스] 메뉴 리뉴얼 문제 레스토랑을 운영하던 스카피는 코로나19로 인한 불경기를 극복하고자 메뉴를 새로 구성하려고 고민하고 있습니다. 기존에는 단품으로만 제공하던 메뉴를 조합해서 코스요리 형태로 재구성해서 새로운 메뉴를 제공하기로 결정했습니다. 어떤 단품메뉴들을 조합해서 코스요리 메뉴로 구성하면 좋을 지 고민하던 "스카피"는 이전에 각 손님들이 주문할 때 가장 많이 함께 주문한 단품메뉴들을 코스요리 메뉴로 구성하기로 했습니다. 단, 코스요리 메뉴는 최소 2가지 이상의 단품메뉴로 구성하려고 합니다. 또한, 최소 2명 이상의 손님으로부터 주문된 단품메뉴 조합에 대해서만 코스요리 메뉴 후보에 포함하기로 했습니다. 예를 들어, 손님 6명이 주문한 단품메뉴들의 조합이 다음과 같다면, (각 손님은 단품메뉴를 2개 이상 주문해야 하며,.. 2023. 1. 5.
[typescript] type Vs interface 타입을 지정할 때 사용할 수 있는 방법은 2가지가 있습니다. type과 interface //interface 방법 interface Point{ x:number; y:number; } //type 방법 type Point = { x:number; y:number; } 공식문서의 조언 대부분의 경우 interface와 type을 사용할 수 있습니다만, 잘모르겠다면 interface를 먼저 사용하고 이후 문제가 발생하면 type을 사용하길 권장합니다. 1. 주요한 차이점은 확장하는 방법과 새 필드를 추가하는 법입니다. 확장하는 방법 //interface interface Animal{ name:string } interface Dog extends Animal{ leg:number } //type type.. 2023. 1. 4.
useMemo, useCallback useMemo 값을 캐싱하기 위해 사용합니다. useCallback 함수를 캐싱하기 위해 사용합니다. const Item = ({ item, onClick }) => {item.name}; const Component = ({ data }) => { const value = useMemo(() => (복잡한연산 retrun true or false), [someStateValue]); const onClick = useCallback(() => { console.log(value); }, [value]); return ( {data.map((d) => ( ))} ); }; 해당 코드처럼 복잡한 연산을 다시 하지 않기 위해 결괏값을 저장해놨다가 의존하는 값이 변경될 때에만 재연산하는 것이 useMemo. .. 2023. 1. 2.
react key prop 글 작성 동기? react key prop의 필요성에 대해서 정리하고 싶어서 글을 작성하였습니다. key props 왜 필요한가? key props를 사용하지 않는다면 1 2 해당 코드가 1 2 3 로 업데이트 될 때, react 내부에서는 1와 1가 일치하는지 확인하고 2와 2가 일치하는지 확인하고 마침내 3는 한곳에만 있음을 발견하고 추가해 줍니다. 그런데 만약 1 2 3 1 2 이러한 변경이 일어 났을 때, react는 3를 단순히 추가하지않고, 1를 3로 변경하고 2를 1로 변경하는 비효울적인 연산을 하게 됩니다. 이러한 비효율을 방지하기 위해서 ... key props를 쓰게 됩니다. key를 사용하면 key를 통해 트리를 비교하기 때문에 3가 새로운 노드란 것을 알 수 있게 됩니다. => 사실.. 2022. 12. 29.
sequelize 복수형 테이블 이름 sequelize에서 테이블을 생성하면 테이블명이 자동으로 복수로 바뀌는 시스템이 있었습니다. user - > users animal -> animals person -> people 뭔가 세심한 배려인듯... 이러한 배려를 받고 싶지 않다면 freezeTableName 속성 활용하기 ! sequelize.define('User', { //속성 정의 }, { freezeTableName: true }) 그냥 테이블 이름 강제로 설정하기 ! sequelize.define('User',{ //속성 },{ tableName: 'User' }); 2022. 12. 24.
React 클래스형 컴포넌트 vs 함수 컴포넌트 소개 react 클래스형 컴포넌트와 함수 컴포넌트의 차이점을 알아봅시다. 현재 react 공식문서는 새로운 프로젝트의 경우 함수 컴포넌트 사용할 것을 권장하고 있습니다. why react 개발팀은 왜 클래스형 컴포넌트를 놔두고 함수 컴포넌트를 개발했을까요? 1. 로직을 재사용하기 힘들었다. 두 컴포넌트의 로직이 비슷할 때, 하나의 더 높은 차원의 컴포넌트를 생성하여 나머지 컴포넌트를 감싸주는 식으로 구현하였습니다. 이러다 보니 점점 감싸주는 컴포넌트의 개수가 많아졌고, wrapper hell에 빠지기도 하였습니다. => 현재는 커스텀 훅을 이용해서 로직을 재사용 합니다. 2. 복잡해진 컴포넌트는 이해하기가 어려웠다. 클래스형 컴포넌트의 경우 라이프 사이클을 이용하는 메서드가 있었습니다. (componen.. 2022. 12. 23.
반응형

티스토리툴바