글자 가독성을 향상 시키는 css 테크닉 Flow - 브라우저 엔진 - 새로운 브라우저 엔진 Tailwind CSS 이야기 - 프로젝트의 부산물에서 수 백만 달러의 프로젝트로 State of Frontend 2020 웹의 역사 *frontend를 위한 CI/CD - 린팅, 테스트, 자동화 - *고속 개발팀 구축 방법(Eric Elliott) yarn 2.2.2 - $ yarn policies set-version berry # 안될경우 $ brew uninstall yarn 후 $ npm install -g yarn # 1.22.1 - $ yarn set version berry - $ yarn set version 1.22.1 # downgrade 1.22.x version에서만 2 버전으로 업그레이드..

saga의 eventChannel을 이용하여 pusher의 구독을 감지해 redux action을 실행해주는 로직 문제는 특정 action으로 인해서 지속적으로 pusher 구독을 실행하는 상황이 발생해 이벤트 바인딩이 계속해서 증가하는 현상이 발생한다는 것. function* sagaLogic() { : const channel = eventChannel((emitter) => { const pusherChannel = pusher.subscribe(pusherKey); pusherChannel.bind(event, (enc) => { emitter(enc) }); }) while (true) { const enc = yield take(channel); : } } export default funct..

react test 시작하기 (ject, rtl) 1. 사용자 관점에서 테스트 작성 2. 무슨일 일어나는지 확신이 들지 않을 경우 screen.debug() 3. getByRole, queryByRole 사용을 권장(role mdn) 웹 다크모드 가이드 웹 사이트 이미지 추출기 typescript mental model 갖추기

export const Button = styled.button( { borderRadius: 1, }, { variant: { primary: { backgroundColor: "red", }, muted: { backgroundColor: "gray", opacity: 0.5, }, }, size: { small: { fontSize: 2, }, big: { fontSize: 4, }, }, } ); 흥미로운 css in js 인터페이스 첫번째 인자에는 공통 속성을 정의하며 두번째 속성에는 키 밸류 형태로 사용할 수 있는 동적 속성을 제공하고 있다. 사용 방법은 아래와 같다. ​ https://github.com/christianalfoni/stitches/tree/master/packages/sty..

엔터프라이즈 레벨에서 UI 구성요소 공유 서로 더 개방적이고 효율적으로 작업하고 혁신 속도를 가속 중복된 작업, 불필요한 커뮤니케이션을 제거 조직이 성공할 수 있는 기능을 생산 조직에 공헌할 수 있도록 유도 service worker 생명주기 RTL 사용법 - using msw instead of fetch mock (feat. msw) - 핵심은 fetch에 대한 테스트 코드와 expect 구문을 작성할 필요없고 fetch 세부스펙에 대해서 그다지 신경쓰지 않도록 만드는 것. recoil 소개 Jamstack 5가지 오해 Super Linter - github action (훌륭한)DX 개발자 경험이란 - 시간과 인지력을 본질적인 문제 해결에 더 집중할 수 있도록 만드는 개발자 경험 - 쉽고 장황하지 ..

조직이 더 빠르게 움직이기 위해서 많은 것들을 생각해봐야 한다. 애자일하지 못하게 만드는 수 많은 장애요소들이 존재할 것이다. 가장 먼저해야 할 일은 장애요소들이 무엇인지 인지하는 것. 장애요소 중 대표적으로 커뮤니케이션 미스가 있다. 조직의 구성원이 많아지고 당연한 직군들이 존재한다면 커뮤니케이션 미스는 자연스레 증가할 수 밖에 없다. 미스를 줄일 수 있는 방법은 사람들을 줄인다. 물론 일도 줄여야 한다. 우리가 인지할 수 있는 것들을 줄여 나간다면 집중도와 업무 진행 속도는 높아진다. 도구 업무를 진행하면서 사용하는 도구의 수가 10개보다 3개인 경우 우리는 더욱 집중하기 쉽다는 것을 생각해 볼 수 있다. 구글 닥스, 캘린더, 지라, 콘플루언스, 스프레드 시트, 피그마, 깃허브 등등... 각각의 도구..