태그

최용열(raon)

Lighthouse CI를 알아보고 Github Actions에 적용하기

thumbnail-image-/front-end/2022/220602-lighthouse-with-github-actions/

Lighthouse 및 Lighthouse CI에 대해 알아보고 Github Actions에 간단히 적용해봅니다.

권현빈(vinny)

자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식

thumbnail-image-/front-end/2022/220519-garbage-collection/

v8 엔진의 메모리 구조와 가비지 컬렉션의 원리를 이해하고, 어떻게 발전했는지 알아봅시다.

심천보(jace)

Test Code Why? What? How?

thumbnail-image-/tech/test-code/

Test Code가 왜 필요한지 알아보고, 더 나아가 무엇을 테스트해야 하고, 어떻게 테스트해야 하는지 알아봅니다.

정호일(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/

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

박슬기(selian)

[2022 신입공채] 카카오엔터테인먼트 신입 개발자로서의 첫걸음👣 테크 온보딩 프로그램 살펴보기 #2

thumbnail-image-/culture/2022onboarding-2/

안녕하세요 •ᴗ•  카카오엔터테인먼트 Tech HR 담당자 Selian입니다! 테크 온보딩 #1편에 이어,…

유동식(rich)

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

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

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

태그