seokyung.jung

가끔 개발 일지를 씁니다. 그리고..

DiContainer

리캐치에서 새로웠던 것 state를 rxjs , observable로 관리 data, model layer와 presentation layer의 경계가 분명한 것 → useDiContainer ✨ 현재 Recatch Architecture의 구조 recatch 의 프론트엔드 구조는 nextjs로 만들어진 recatch-nextjs와 도메인들을 정의해둔 여…

수영에서 배운 것, 피드백을 통해 성장하기

잘하고 싶은 분야가 있다면 혼자서 해내려 하기 보다 자주 피드백을 받을 수 있는 환경에 놓여야 더 빠르게 목표 지점까지 도달할 수 있다. 모든 피드백이 유의미하진 않지만 보통 스스로 인지하지 못하고 있는 부분을 빠르게 찾고 다음 단계로 나갈 수 있게 도와준다. 얼마 전 부터 수영을 배우기 시작했는데 3주차까지 팔 돌리기와 옆으로 숨쉬기 연습만 했다. 실력…

올해는 새해 목표를 세우지 않았습니다.

새해 목표를 세울 때는 한 해 희망찬 나날들만 있을거라 기대하지만 현실은 목표를 만드는 과정들로 가득 차 있다. 그리고 과정들은 대게 고통스럽다. 2024년 달성하고 싶은 목표를 세우는 대신 새해 고통들을 생각했다. 수영 주 몇 회 가기를 생각하기보다 새벽에 눈 비비며 일어나 수영 가방을 챙기는 내 모습을 상상했다. 척척 개발을 잘 하는 내 모습이 아닌 …

리니어는 어떻게 제품을 만들까? 우리 팀에서 적용해볼 수 있는 방식은 뭐가 있을까?

| https://www.lennysnewsletter.com/p/how-linear-builds-product 리니어는 어떻게 제품을 만드는가? 리니어에는 PM이 한 명 밖에 없다. 대신 각 프로젝트 별로 리더들이 존재하고 리더는 엔지니어, 디자이너 누구든 될 수 있는 형태이다. 결국 이 방식이 가능할 수 있는 건 모두 유저를 잘 알고 있고, 해결하고 …

스타트업이 투자받은 돈은 어디에서 오는걸까?

스타트업이 투자받은 돈은 어디에서 오는걸까? 스타트업에 들어간다고 했을 때 주위 어른들은 스타트업이 어떻게 투자를 받고 그 회사에 누가, 왜 투자해주는지 궁금해 하셨다. 사실 나조차도 당시에는 스타트업의 생태계를 잘 알고 있던건 아니였기 때문에 “투자사들이 있어요” 정도의 대답 정도만 했던거 같다.(ㅈㅅ..) 이제 어느덧 스타트업에서 일한지 3년이 됐고,…

Emotion API

Emotion은 css styles를 JS로 쓸 수 있도록 만든 라이브러리 @emotion/css 브라우저 환경에 따른 prefix를 자동으로 붙여주고 (Opera, Safari, Chrome에서는 , FireFox에서는 ) nested selectors, media queries들을 제공해준다. 위 처럼 사용하면 style에 따른 className을 만…

재사용 가능한 Button Element 컴포넌트 만들기

현재 구조에서 재사용 가능한 컴포넌트를 만들기 어려운 이유. 현재 만들어 놓은 FlatButton은 이미 기본 스타일이 있다. 새로운 버튼을 만들기 위해서 이 컴포넌트를 그대로 사용하려 했더니 가지고 있던 padding, font-size 등을 모두 바꿔야 했다. 디자인 스펙 자체가 고정되어 있지 않다보니까 재사용할 수 있는 엘리먼트 자체를 만드는게 무의…

[TS Cheating Sheet] Interface 확장

extends 만약 특정 unit의 숫자가 추가된 AddressWithUnit이라는 타입이 필요하다면 아래와 같이 정의해줄 수 있다. 하지만 기존 BasicAddress 와 중복되는 property가 너무 많게 된다. 를 사용해서 interface를 확장시켜서 중복을 줄여보자. extends를 사용하면 named type으로 저장된 BasicAddress…

[TS Cheating Sheet] React API 사용시

참고: React with TypeScript Cheatsheet https://github.com/typescript-cheatsheets/react#useful-react-prop-type-examples inline styles 을 props로 전달시 함수형 컴포넌트 표기 React.FC를 사용할 때는 props의 타입을 Generics로 넣어서 …

[TS Cheating Sheet] Partial Type, Constant 값으로 이루어진 객체 만들기

Partial 특정 타입 T 안의 property들로 만들어진 부분집합(타입)을 나타낼 때 사용된다. 위 함수는 todo의 title만 업데이트 하거나 description만 업데이트, 둘다 업데이트 등으로 사용될 수 있는데 이때 타입을 사용하면 된다. 참고 객체 내 값들이 constant 값들일 때 key 값으로 올 수 있는 타입들 으로 생성 value…