Frontend 글 모음

카카오엔터테인먼트

2023-02-09

최근 저희 FE 그룹 내에서 프로젝트들에 E2E 테스트를 도입해 보자는 이야기가 솔솔 나왔고 실제로 적용하는 사례들이 많아지기 시작했습니다. 제가 진행하던 프로젝트에도 E2E…

TOAST UI

2023-02-07

NHN Cloud Console의 프런트엔드 통합 테스트를 어떻게 작성하였고 작성 이후 어떻게 달라졌는지 이야기하려고 한다.

TOAST UI

2023-02-03

프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2023년 1월호)

카카오엔터테인먼트

2023-02-02

…

오토피디아

2023-01-31

Streamlit은 프로토타입용으로만 쓰는 거 아닌가요?

트렌비

2023-01-23

들어가며 안녕하세요. QA Engineer 미키입니다. 이 글에서는 트렌비 프론트 서비스의 더 나은 서비스 품질보증을 위해 도입한 API 테스트 자동화에 대해서 이야기 해보고자 합니다. 배경 및 목적 트렌비는 Selenium을 통한 UI 테스트 자동화를 업무에 적용시켜 회원가입, 로그인, 결제, 장바구니, 전시영역에 이르는 대부분의 주요 구매 플로우(flow) 영역을 자동화하여 테스트하고 있습니다. 하지만 UI 테스트 자동화를 서비스의 모든 영

카카오엔터테인먼트

2023-01-19

프로젝트를 개발하는 과정에서 SwiperJS 라이브러리를 통해 여러 슬라이드 UI를 스와이프 할 수 있는 기능을 구현한 적이 있습니다. 공식 문서 가이드에서 cssMode 옵션을 사용하면 Scroll-Snap API…

카카오헤어샵

2023-01-18

안녕하세요, 플랫폼 개발팀 프론트엔드 개발자 제리입니다. 오늘은 지난 시간에 소개드린 파트너스 서비스의 레거시 코드들을 어떻게 개선하였는지 소개해드리겠습니다. 리덕스 스토어 안의 덕스 패턴에 얽힌 API 분리하기 기존 파트너스 프로젝트는 Redux를 활용하여 전역 상태의 값을 관리하였고 actionTypes , actions , reducer을 하나의

지마켓

2023-01-17

Intro안녕하세요. 사회복지학과 출신 개발자 Web Frontend팀의 이민하입니다.저는 입사 4개월 차에 설레는 첫 업무를 받게 되었고 이내 운명을 느꼈습니다.그것은 바로 제 전공과 관련된 a11y 개선 프로젝트였기 때문이죠.  a11y?k8s 라는 말 들어보셨나요? 백엔드 개발자에게는 친숙한 Kubernetes의 줄임말입니다. 첫 글자 k와 마지막 글자 s 사이에 8개의 문자가 있어 k8s라고 표현합니다. 이를 숫자약어(Numeronym)라고 하는데요, 이 유래가 참 재미있습니다.지금은 HP(Hewlett-Packard)사에 합병된 DEC(Digital Equipment Corporation) 사의 Jan Scherpenhuizen라는 직원이 입사하게 되었습니다.전통적으로 이름을 이메일 계정으로 하..

트렌비

2023-01-15

개편 배경 서비스를 리뉴얼을 하는 작업은 생각보다 많은 수고와 인내가 필요한 작업입니다. 단순 심미적인 만족감뿐 아니라 사용자 고객여정을 파악하여 더 편리한 구매와 탐색 경험을 서비스에 녹여 반영해야 하기 때문이죠. 그런데도 불구하고 왜 수많은 서비스들은 리뉴얼을 하는 걸까요? 여러 가지 이유가 있겠지만 대부분은 다음과 비슷한 이유를 포함하고 있을 것입니다. ‘디자인이 오래되었다거나 구성이 복잡하거나, 모바일에 최적화되어있지 않거나, 지표 성과

화해

2023-01-12

Notion API와 함께 정적 페이지로의 여정 정적 페이지를 notion으로 관리하는 방법으로 접근하기까지의 과정을 약 3주 간 리서치한 과정을 글로 옮겼습니다. 과제 완성 후 최종 결과물을 공유하는 것도 좋지만 과정을 기록하고 소개하는 것 또한 의미 있는 일이라 생각합니다.

뱅크샐러드

2023-01-05

이 글은 2022년 12월 기준으로 제공된 검색엔진 가이드를 기반으로 작성되었습니다. 가이드 및 정책은 변경될 수 있습니다. 안녕하세요. 뱅크샐러드 웹 프론트엔드 엔지니어 김희찬입니다. 최근 금융쇼핑 PA…

올리브영

2023-01-04

안녕하세요 올리브영에서 눈에 보이는 것들을 담당하고 있는 꾸옹입니다😺 22년도 하반기에 라이브 스쿼드는 열심히 달려 12월 1…

TOAST UI

2023-01-02

프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 12월호)

카카오페이

2022-12-29

카카오페이 입사 후 3번의 스터디를 진행한 방식과 그 과정들을 설명합니다. 주니어 개발자들이 스터디를 진행하면서 느낀 좋았던 점과 아쉬웠던 점, 그리고 나름의 스터디 꿀팁들을 공유합니다.

카카오헤어샵

2022-12-29

안녕하세요, 플랫폼 개발팀 프론트엔드 개발자 제리입니다. 오늘은 자사 서비스 중, 카카오헤어샵에 입점한 점주분들의 매장관리 웹사이트인 "파트너스 서비스"의 리팩토링을 진행한 이야기를 소개하려 합니다. 리팩토링의 필요성을 합의하기 레거시 코드를 꼭 리팩토링 해야하는 것은 아닙니다. 프로젝트의 규모가 커질수록, 복잡해지는 dependency 때문에 라이브러

비브로스

2022-12-28

안녕하세요 웹 프론트엔드 팀 조강연입니다.

카카오엔터테인먼트

2022-12-22

…