Frontend 글 모음

화해

2023-02-09 · 3년 이상 전

Higher-Order Components는 여전히 유용하다 HOC는 공식 문서에서도 알 수 있듯이 ‘컴포넌트 로직 재사용’을 위한 패턴입니다. Hooks가 나온 뒤로는 컴포넌트 로직 재사용을 위해서 Hooks를 주로 사용하기 때문에 HOC를 사용하는 경우가 많이 줄었습니다.

TOAST UI

2023-02-07 · 3년 이상 전

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

TOAST UI

2023-02-03 · 3년 이상 전

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

오토피디아

2023-01-31 · 3년 이상 전

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

트렌비

2023-01-23 · 3년 이상 전

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

카카오헤어샵

2023-01-18 · 3년 이상 전

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

지마켓

2023-01-17 · 3년 이상 전

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 · 3년 이상 전

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

화해

2023-01-12 · 3년 이상 전

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

뱅크샐러드

2023-01-05 · 3년 이상 전

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

올리브영

2023-01-04 · 3년 이상 전

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

TOAST UI

2023-01-02 · 3년 이상 전

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

카카오페이

2022-12-29 · 3년 이상 전

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

카카오헤어샵

2022-12-29 · 3년 이상 전

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

비브로스

2022-12-28 · 3년 이상 전

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

지마켓

2022-12-15 · 3년 이상 전

OCR : Optical Character RecognitionOCR은 손글씨로 작성되거나 인쇄된 종이 문서를 스캐너와 같은 디지털 영상 획득 장치로 이미지화한 것들로부터 문자(열)를 인식/추출 하는 이미지 분석 기술로부터 시작되었습니다.최근에는 일상 생활에 스마트 폰이나 태블릿 같은 디지털 기기를 활용하는 문화가 대중화 되면서 이미지 편집 도구로 생성된 디지털 이미지나 디지털 카메라로 찍은 다양한 이미지에 포함된 문자(열)을 인식하는 기술로 발전하고 있습니다. OCR의 간략한 역사컴퓨터가 개발되기 이전부터 이미 시각 기호를 문자에 대응시키려는 개념이 있었으며, 컴퓨터가 발명된 이후 다양한 활용 방법을 모색하기 시작하였고, 일반 사진을 컴퓨터에서 이용할 수 있도록 하는 디지털 이미지 표현/변환 기술을 연..

올리브영

2022-12-14 · 3년 이상 전

안녕하세요~! 오랜만에 인사드리는 의지수입니다:) 오늘은 Kotlin Flow에 대해 소개하고 프로젝트에 도입하면서 느꼈던 작고 소중한 제 경험을 공유하고자합니다. 저도 써보고싶어요 F.L.O.W…

올리브영

2022-12-13 · 3년 이상 전

…