Pandaman Blog

약 7개월간의 짧은 시간 동안 새로운 회사를 입사부터 퇴사까지 과정 중에서 느낀 감정들에 대해 기록했습니다.(2021년 10월 25일 ~ 2022년 06월 24일) 1. 온보딩 온보딩은 신규 입사자에게 회사에 적응하도록 도와주는 장치이며 이 기간 동안 회사와 입사자의 fit을 알아가는 시간이라고도 생각한다. 이 회사에 입사했을 때 신규 입사자 위한 내용들이 상당히 잘 정리되어 있었다. 기본적인 회사생활에서 필요한 연차, 식대, 사무실 wifi, 재택근무 등 상세하게 작성되어있었고 누군가에게 물어보지 않고 스스로 할 수 있는 시스템이 구축되어 있었다. 개발 관련해서는 프로젝트 구성, 설치, 리뷰, 테스트, 배포 관련 문서가 잘 작성되어있다고 생각했다. 한 달에 한번 전사 인원 모이는 시간이 있는데, 이때 ..

저자 칼뉴포트는 조지타운 컴퓨터 공학과 조교수, MIT 컴퓨터 공학과 박사 학위 등 우수한 학벌의 소유자다. 그는 일 년 동안 8개(?) 이상의 논문을 작성하기도 한다. 똑같은 시간이 주어졌는데, 어떤 사람은 이러한 성과를 내고, 어떤 사람은 유튜브로 시간을 허비하고 아무런 성과 없이 시간을 갉아먹고 있을까..? 이 책의 저자는 바로 딥 워크 덕분이라고 주장한다. 딥 워크를 간단하게 요약하면 "완전한 집중의 상태에서 수행하는 직업적 활동", "새로운 가치를 창출하고, 능력을 향상하고, 따라 하기 어렵다"라고 말한다. 한마디로 "무아지경"의 상태라고 할 수 있다.(영화 소울(Soul)의 무아지경의 상태에 빠져 원판을 돌리는 장면이 생각난다.) 필자가 실생활에서 딥 워크를 할 때가 있던가. 기상과 동시에 아..

하드씽은 저자 벤 호로위츠가 회사를 운영하면서 겪은 일들과 그걸 통해 얻은 노하우에 대해 작성한 책이다. 마치 CEO가 읽어야만 하는 책으로 보인다. 하지만 필자는 CEO도 아니고, 어떤 팀의 리더도 아니다. 그런데 왜 이 책을 선택했을까? 필자의 꿈은 부자이다. 부자가 되려면 사업을 해야 한다고 한다. 그래서 사업가들이 어떤 생각을 갖고 회사를 운영하는지 알고 싶었다. 그들의 삶이 궁금했다. CEO의 삶을 짧게 요약해보자면 전쟁 같다. 하드씽에서 보이는 CEO의 삶은 책 제목처럼 하드(Hard)하다. '안쓰럽다'라는 생각도 들 정도였다. 저자도 라우드클라우드를 운영할 때 처음에는 엄청난 성장세로 회사를 키워갔다. 이후에 계속되는 악재들이 몰려왔다.(닷컴 버블, 실적 하락, 9.11 테러, 주가 하락, ..

1. Default Query Function https://codesandbox.io/s/default-query-function-yeje-wyfbxm?file=/src/index.js Default Query Function 예제 - CodeSandbox Default Query Function 예제 by oyg0420 using axios, react, react-dom, react-query, react-scripts, stop-runaway-react-effects, styled-components codesandbox.io 동일한 쿼리 기능을 공유하고 쿼리 키를 사용하여 가져와야 할 항목을 식별할 수 있기를 원하는 경우 default query function 기능을 사용할 수 있다. 만약 리..

1. Pagination https://codesandbox.io/s/pagination-yeje-zcs5yh Pagination 예제 - CodeSandbox Pagination 예제 by oyg0420 using axios, isomorphic-unfetch, next, react, react-dom, react-query codesandbox.io React Query를 사용하면서 Pagination 구현을 어떻게 할 수 있을까? 사실 매우 간단하다. useQuery(["projects", page]) 단지 query key에 page 정보를 포함시킨다. page에 대한 데이터가 변경할 때마다 적용된 API를 fetch 할 것이다. 1.1. keepPreviousData 옵션 keepPrevious..

1. Query 상태 흐름 이해하기 https://codesandbox.io/s/react-query-sangtae-heureum-oyig4o react-query(상태 흐름) - CodeSandbox react-query(상태 흐름) by oyg0420 using axios, react, react-dom, react-query, react-scripts, styled-components, typescript codesandbox.io 해당 예제는 쿼리 상태 흐름을 이해하기 위한 예제이다. function usePosts() { return useQuery("posts", async () => { const { data } = await axios.get( "https://jsonplaceholder...

6. Exclude Exclude은 UnionType중에서 ExcludedMembers를 제외한 타입을 반환한다. 링크 즉 아래와 같다. type Person = { name: string; age: number; } type PersonExcludeName = Exclude; type PersonExcludeAge = Exclude; 한번 확인해보자. type Exclude = U extends E ? never : U; U extends E ? never : U 표현은 타입스크립트에서 Conditional Type 이라고 한다. U가 E를 extends 하고 있다면 never를 반환(생략)하고 아닐 겨우 타입 U를 반환한다. 7. Extract type Extract = T extends U ? T ..

Conditional Types Conditional Types은 조건에 따라서 타입 변수에 할당할 수 있는 타입을 결정할 수 있다. T extends U ? X : Y Conditional Type은 3항 연산자 구문을 사용하고 있다. T extends U 조건이 충족되면 타입 X가 되고, 그렇지 않으면 타입 Y가 된다. 한번 예제를 살펴보자. interface Animal { live(): void; } interface Dog extends Animal { woof(): void; } type Example1 = Dog extends Animal ? number : string; Dog 인터페이스는 Animal를 확장해서 생성한 타입이다. Example1를 확인해보면 Dog extends Anima..