태그

정호일(harry)

아토믹 디자인을 활용한 디자인 시스템 도입기

thumbnail-image-/front-end/2022/220505-how-page-part-use-atomic-design-system/

카카오페이지 웹 서비스에서 아토믹 디자인을 어떻게 구축하고 있는지 소개합니다.

김규재(novell)

Runtime 환경 변수 설정으로 빌드 프로세스 개선하기

thumbnail-image-/front-end/2022/220505-runtime-environment/

빌드 과정이 아닌 런타임 과정에서 환경 변수를 설정하여, 빌드 프로세스를 개선하는 방법을 소개합니다.

남윤복(kiwi)

HTTP/2 훑어보고 AWS에서 적용해보기

thumbnail-image-/front-end/2022/220424-http2-with-aws/

HTTP/2가 무엇인지 알아보고, 웹 어플리케이션을 위한 AWS 서비스(CouldFront, Elastic Beanstalk)에서 HTTP/2를 간단히 적용해봅니다.

이윤용(ibra)

GitHub Actions에서 도커 캐시를 적용해 이미지 빌드하기

thumbnail-image-/front-end/2022/220414-docker-cache/

그때는 몰랐습니다. GitHub Actions 를 이용해 빌드할 때는 도커 캐시가 동작하지 않는다는 사실을요.

함성준(kevin)

웹 워커를 통해 이미지 색상 수집기 성능 개선하기

thumbnail-image-/front-end/2022/220324-web-worker-image/

이미지의 픽셀 데이터에서 색상값을 수집하는 성능을 개선해봅니다.

유동식(rich)

MSW 모킹 코드 재사용하기 feat. Storybook, Jest

thumbnail-image-/front-end/2022/220317-integrate-msw-storybook-jest/

깔끔한 코드, 잘 읽히는 코드, 중복을 최소한 코드, 관심사의 분리 등 개발자들의 깔끔함(?)을 위한 노력은 오늘도 계속된다.

박수빈(cheese)

카카오페이지는 BFF(Backend For Frontend)를 어떻게 적용했을까?

thumbnail-image-/front-end/2022/220310-kakaopage-bff/

카카오페이지가 적용한 BFF 구조를 소개합니다.

박승규(andy)

https 프록시로 mitmproxy를 사용해보자.

thumbnail-image-/tech/mitmproxy/

https 프록시로 mitmproxy를 사용한 경험을 공유합니다.

서종만(coze)

Tailwind CSS 사용기

thumbnail-image-/front-end/2022/220303-tailwind-tips/

Tailwind CSS를 사용해보면서 얻은 소소한 팁들을 공유합니다.

조지영(esme)

React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)

thumbnail-image-/front-end/2022/220224-data-fetching-libs/

서버 상태 관리 라이브러리의 필요성을 설명하고, React Query, SWR 두 라이브러리를 비교합니다.

태그