전체 글

[type-challenges] Pick

0. 문제 Pick를 쓰지않고 타입 제어하기 type MyPick = { [key in K] :T[key] } /* _____________ Test Cases _____________ */ import type { Equal, Expect } from '@type-challenges/utils' type cases = [ Expect, Expect, // @ts-expect-error MyPick, ] interface Todo { title: string description: string completed: boolean } interface Expected1 { title: string } interface Expected2 { title: string completed: boolean } /* ..

[ eslint ERROR ] <forwardRef> Component definition is missing display nameeslintreact/display-name

0. 오류 상황 발생 Stackticon 프로젝트를 진행하면서 발생한 문제 Loading.tsx 페이지 내부에 존재하는 Stacks.tsx 컴포넌트를 forwardRef로 연결하는 과정에서 발생했다. 1. 추론 에러 메세지 Component definition is missing display nameeslintreact/display-name 를 읽어보니 eslint 오류일 것이라고 생각됐다. 궁금증 왜 발생할까? eslint오류는 왜 발생할까? 어떻게 해결하는 것이 좋을까? 2. 알아보기 1. 왜 발생할까? forwardRef() 함수를 호출할 때 익명 함수를 넘기면 컴포넌트의 이름이 나오지 않는다 -> 이 때 발생하는 에러 2. eslint오류는 왜 발생할까? eslint-plugin-react/d..

[ 러닝 타입스크립트 ] 챕터 7. 인터페이스

타입스크립트 스터디에서 정리한 내용! interface는 자주 사용해서 간단하겠거니~ 생각하고 읽기 시작했는데 내 생각보다 나는 더 모르고 타입의 세계는 넓다는 것을 깨달았다. 챕터7. 인터페이스 러닝 타입스크립트 131p 핵심 우리가 직접 만들 수 있는데 왜 지루한 내장 티입 형태만 사용하나요? 인터페이스? : 연관된 이름으로 객체 형태를 설명하는 또 다른 방법. 특징 별칭으로 된 객체 타입과 유사 더 읽기 쉬운 오류 메시지 더 빠른 컴파일러 성능 클래스와의 더 나은 상호 운용성 을 위해 사용된다 📚 07.1 타입 별칭 vs. 인터페이스 // 타입 별칭 type Poet = { born: number; name: string; } // 인터페이스 interface Poet { born: number; ..

[ MUI ] Autocomplete option 사용 시 same key ERROR

0. 오류 상황 발생 Stackticon 프로젝트를 진행하면서 발생한 문제 Autocomplete에 들어가는 options(stack의 아이콘 정보 객체를 담은 배열)의 title이 중복돼서 발생했다 option.title} onChange={onStackChange} filterSelectedOptions renderInput={(params) => ( )} /> 1. 추론 궁금증 Autocomplete에 들어가는 options의 key는 바꿀 수 없나? icon 객체 내의 다른 정보(path, hex, title ...) 중 왜 title을 key로 사용했을까? 생각 분명 Autocomplete의 key를 바꿀 방법이 있을 것이다 문제 상황에서 왜 title이 key였는지 알아보자 2. 시도 How ..

[ 주간회고 ](2/20 ~ 2/26) 2월 4주차 회고

공부 알고리즘 🍄 노우우... 프로젝트 🍄 새로운 프로젝트에 합류해서 열심히 진행하고 있습니다 안 써본 next.js + storybook으로 진행하는 프로젝트라 코드 한 줄 한 줄 쓸 때마다 '이거..맞나..?' 를 생각합니다 학습 🍄 ... 책 🍄 ... 취업준비 이력서 🍄 이력서에 저번주에 끝낸 프로젝트 내용을 추가했어요 🍒 운동 🍄 평일 한시간씩 운동에 투자했습니다 🍒 취미 🍄 보드게임에 중독돼서 게임 하나를 기본 3시간씩 하는 것 같아요 한번 빠지면 정말 주구장창 하는 성격이라 그런지 같이 게임 할 사람이 없으면 혼자서 두명분을 하면서 놉니다. 그래도 재밌어..! KPT KEEP 프로젝트로 단련하기! 알고리즘 공부하기 PROBLEM 수면 패턴이 깨지고 있어요..! 12시에는 자고 싶은데 이게 계..

[ 주간회고 ](2/13 ~ 2/19) 2월 3주차 회고

🍀 저어엉말 바빴습니다 하지만 행복! 집 리모델링을 했어요! 제 방과 안방(동생방) 벽지와 장판을 갈고 가구도 들이고... 전체적인 가구 배치도 바꾸고 어마어마한 청소도 하고... 동시에 마음을 전하는 텃밭 프로젝트에서 함께한 팀원과 토이 프로젝트를 후다닥 만들어서 3일만에 배포하기도 하고 새로운 프로젝트에 합류해서 회의를 진행하기도 하고 집에 소중한 손님이 와서 이틀간 부모님과 만찬을 즐기고 여기저기 놀러다녔습니다. 공부 알고리즘 🍄 알고리즘은 손도 못 댔어요 프로젝트 🍄 저번주에 기획했던 stackticon 프로젝트를 진행했어요! 14일부터 진행해서 17일에 배포했는데 그 중 16,17일에 집 리모델링을 하느라 제일 바빴어요. 하지만 배포까지 성공하고! 손님이 온 18일, 19일 이슈 처리는 팀원이 ..

[ 주간회고 ](2/5 ~ 2/12) 2월 2주차 회고

🍀 1주차를 건너뛰고 2주차부터 시작하게 되었네요! 저번주는 강릉여행을 했고, 이번주는 동생 생일 + 대학 합격 기념으로 스키장에 가서 보드를 탔어요! 어제 저녁 늦게 집에 도착해서 오늘에서야 주간회고를 씁니다 :) 근육통으로 온 몸이 쑤시지만 보드의 재미를 알아버렸어요😍🤍 🍒 공부 알고리즘 🍄 알고리즘을 꾸준히 풀었습니다! 프로젝트 🍄 새로운 프로젝트에 합류했어요! 다들 잘 하는 분들인것 같아 기대가 됩니다! 저도 더 좋은 팀원이 되기 위해서 열심히 참여하려구요 🍄 마음을 전하는 텃밭 프로젝트 게더 모각코 도중에 좋은 아이디어가 떠올랐어요! 텃밭 프로젝트 팀원과 함께 하기로 했습니다! 빠르게 작업하고 배포할만한 작은 프로젝트라 얼른 배포하고 잘 사용되었으면 좋겠어요 🍄 개인 프로젝트는 또 미뤄졌답니다...

[ 프로그래머스 해설 ] ( python ) 순위

📚 순위 문제 설명 n명의 권투선수가 권투 대회에 참여했고 각각 1번부터 n번까지 번호를 받았습니다. 권투 경기는 1대1 방식으로 진행이 되고, 만약 A 선수가 B 선수보다 실력이 좋다면 A 선수는 B 선수를 항상 이깁니다. 심판은 주어진 경기 결과를 가지고 선수들의 순위를 매기려 합니다. 하지만 몇몇 경기 결과를 분실하여 정확하게 순위를 매길 수 없습니다. 선수의 수 n, 경기 결과를 담은 2차원 배열 results가 매개변수로 주어질 때 정확하게 순위를 매길 수 있는 선수의 수를 return 하도록 solution 함수를 작성해주세요. 제한 조건 선수의 수는 1명 이상 100명 이하입니다. 경기 결과는 1개 이상 4,500개 이하입니다. results 배열 각 행 [A, B]는 A 선수가 B 선수를 ..