자신감 있게 불확실하게 말하기 - 자신감 있다는 것은 사회적으로 많은 사람들에게 좋은 신호로 받아들여지기 때문에 스스로 자신감 있는 모습을 보여 주는 것은 중요한다. 하지만 복잡한 분야에서는 자신감이 좋지 않은 신호로 받아들여 질 때도 있다. 이 두 차이는 자신감이 어떤 방식으로 형성되었고 어떤 그건에서 자신감을 보이는가가 중요해 보인다. 그리도 더 중요한 것은 자신감이 어떤 측면에서 발생했으며 어떤 부분이 불확실한 부분인지를 명쾌하게 나타내는 것이다. 단지 잘 모르겠다고 말하는 것 보다는 구체적으로 어떤 측면이 불확실성에 기여하고 있는지를 자신감 있게 말한다면 상대방은 당신에게 더 신뢰감을 가질 것이다. 사건 검토 및 사후 분석 모범 사례 사용 사례 - 애플리케이션 코드 목적 나타내기 프론트엔드를 위한..

head 태그의 상태를 진단해주는 심플한 라이브러리 motion - 애니메이션 라이브러리 - 경량, 쉬운 사용성, 성능 20년 동안 소프트웨어 엔지니어로 일하면서 배운 20가지 - 10x 프로그래머 신화 running react-native everywhere - 모든 플랫폼을 리액트 네이티브로 만들기 Next.js 프로젝트에 참고할 만한 좋은 아키텍처 - 실용적인 프론트엔드 철학 개발 문화를 이해하기 위한 12가지 질문

presudo 선택기 대체하기 데드라인을 넘어 데모로 - 특정 프로젝트의 완료시한을 두고 작업할 때 곧잘 시간에 대한 압박을 받을 때가 있다. 이 때 개발자로써 분명하게 느끼는 것은 창의력 감소와 수준 낮은 작업 결과물이 나온다는 것이다. 넓은 범위에서 보지 못하고 일종의 완성만을 위한 작업을 하며 나타나는 현상이다. 에릭 마이어는 이러한 부분을 깨닫고 데드라인이 아닌 데모를 통해서 완성해 나아가는 것에 대한 중요성을 말한다. 데드라인이 없을 수는 없으나 이것은 그저 추상적이고 변할 수 있는 요소임에 입각해서 진행해야 한다. 데모를 통해서 점진적이고 부분적으로 전체적인 완성도를 평가해 간다는 것은 구성원이 긴 프로젝트 기간 중 중간 중간에 성취감을 느끼며 전체적인 진행상황을 모두가 실질적으로 파악하고 또..

아래 코드는 뮤테이션 옵션 중 하나인 update를 작성한 코드다. cache.modify 함수는 굉장히 파워풀한 기능을 가지고 있는 함수로 잘 사용하면 UX에 도움이 된다. 문서는 https://www.apollographql.com/docs/react/api/cache/InMemoryCache/#modify update(cache, { data }) { const id = data?.removeFavoriteItemCategory?.category.id cache.modify({ fields: { favoriteItemCategories(existingRefs, { readField }) { return existingRefs.filter((commentRef: Reference) => { retur..

content-visibility - css 속성 하나로 퍼포먼스 향상 시키기 Ant Design Charts Next.js 웹앱 성능 향상 시키기 HTTP3 소프트웨어 엔지니어로 팀에 합류하기 전 물어보면 좋은 질문들 - 개발, 배포, 테스트, 문서, 팀 구조, 팀 주간 케이던스, 팀 의사소통 채널, 장단기 이슈, OKR, 고객 피드백 모바일 First 현황(css 작성 관점에서) 구글이 안드로이드를 인수한 과정 - 삼성과 안드로이드의 일화는 너무 유명한데 여기에도 잘 묘사되있다. 15년전만해도 안드로이드는 수 많은 새로운 모바일 OS 중 하나라는 인식이었고 당시에는 MS와 애플의 기존 피씨 시장의 OS 점유 상황과 삼성 노키아 모토로라 같은 모바일 하드웨어에서 강력한 영향력을 행사는 모바일 디바이스 ..

오픈 소스 의존성 검사 Next.js를 호스팅하기 좋은 플랫폼은? Airbnb의 server side driven UI - 마이리얼트립 근무할 때 모바일팀장님께도 들었던 내용으로 생각되는데 흥미로운 주제다. UI의 책임과 권한을 서버로 이동시킨다는 개념은 모바일 앱 특성 중 하나인 하위 호환성 유지와 같은 문제가 지속적으로 pain point로 작용하면서 파생된 해법으로 보인다. *Webworker 2021 - 소리바다에서 근무할 때 react와 react-spring을 사용해 애니메이션 효과를 적용했는데 이 때 프레임 끊김 현상을 해결하고자 comlink를 사용했었던 기억이 난다. 비교적 오래전 일이지만 아직도 웹워커는 웹개발자나 생태계에 친숙한 느낌은 아니다. 하지만 사용해볼만한 가치가 있으며 앞으로..