월간 크롬 이슈 리포트 2022년 9월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 9월호)
devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
Kurly Design Principle
컬리 프로덕트 디자인 원칙을 소개합니다
안드로이드 : 이웃 Fragment 간 애니메이션 구현
Next.js 프로젝트 Migration과 Refactoring 과정을 공유합니다.
Mocking으로 프론트엔드 DX를 높여보자
Mocking으로 프론트엔드 DX를 높여보자 MSW는 API를 쉽고 깔끔하게 Mocking 할 수 있게 도와주는 라이브러리입니다. 적은 시간을 투자했지만 그 효과는 정말 뛰어납니다. 개발 시간을 효과적으로 줄여주고 DX를 크게 향상해줍니다.
왜 내가 작성한 JavaScript Date 코드가 서버에서는 다르게 보이는 거죠?
JavaScript에서 흔히 혼동되는 Date 객체에 대한 개념을 정리해봅니다.
Self Service를 위한 VuGen에 대한 관점의 전환
이번 글에서는, 홍성진 매니저님의 최근 글인 “Integration of Loadrunner Cloud and VUGEN“에서 잠깐 언급하신 ‘VuGen’과 관련하여, PJT팀이 Self Service를 시작하기 위해 필요한 관점의 전환에 대해 정리해 보고자 합니다. VuGen 자체의 전문적인 사용방법은 홍성진 매니저님이 추후 연재하실 예정(!)이므로, 여기서는 ‘관점의 변화’ 측면에서 간단히 정리해 보도록 하겠습니다. 1. LoadRunner
자, 이제부터 이 글을 보는 순간 Git이 쉬워집니다? - 원리로 알아보는 Git의 기초
안녕하세요. 데이블 Service Front-end Team(SF Team)에 한재원이라고 합니다. “여러분은 혹시 Git 때문에 고통받고 계시지 않으신가요?” 저는 올해 2월에 데이블에 합류하게 되었는데요. 거기에 수식어 하나를 덧붙이자면, 2월에 ‘개발자 첫 커리어’를 데이블로 시작했습니다. 즉 아직은 귀여운(?) 병아리 개발자인 셈입니다. 갑자기 웬 고해성사냐, 라고 생각하실 수도 있겠지만 잠깐 기다려보세요. 할 말이 있습니다. 그것은 바
자바스크립트 지도 엔진에 웹 워커를 적용해봤습니다 - 14편 - 웹 워커, 어디까지 써봤니?
TMAP js sdk(이하 TMAP JS)는 TMAP의 데이터를 브라우저 상에서 해석하여 표현할 수 있도록 제작된 js 지도 엔진입니다. WebGL을 이용한 풀 벡터 방식으로 기존 TMAP native sdk와 동일하게 지도 화면을 표출할 수 있고, 사용자가 직접 데이터를 추가할 수도 있는데요. 오늘은 이 TMAP JS 개발 시 성능을 개선하는데 가장 큰
새로운 컬리몰 NX를 소개합니다.
새로운 컬리몰을 만드는 과정을 소개합니다.
출처가 다른 윈도우 간에는 데이터를 어떻게 통신할까?
최근 document.domain의 setter가 지원 중단이 확정이 되었다. 이를 대신할 출처가 다른 윈도우 간에 데이터 통신 방법에 대해 알아본다.
월간 크롬 이슈 리포트 2022년 8월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 8월호)
뱅크샐러드 Web chapter에서 GitHub Action 기반의 CI 속도를 개선한 방법
이 글은 대부분의 웹 프론트엔드에서 사용하는 Node.js와 Npm 을 사용하는 사례를 바탕으로 작성되었습니다. 안녕하세요 뱅크샐러드 웹 프론트엔드 엔지니어 조성동입니다. Web chapter 내 개발 과정의 많은 부분에서 GitHub Action…
보쌈 먹으며 프론트엔드와 친해지기
보쌈 먹으며 프론트엔드와 친해지기 재택근무 중에는 점심에 영상을 보면서 밥을 먹습니다. 그중에는 개발 영상도 많습니. 어느날 밥을 먹으면서 영상을 같이 보면 어떻겠냐는 제안을 받아 같이 시청했습니다. 이때 좋았던 것은 관심 있는 주제의 영상을 함께 본 후 하는 스몰 토크였습니다.
집합의 관점에서 타입스크립트 바라보기
타입스크립트 유니온타입 프론트엔드에서 타입스크립트를 쓰는 것은 필수로 자리 잡고 있습니다. 타입을 작성하는 데 시간을 많이 쏟고 사용할 때에는 타입을 집합의 관점에서 바라보고 사용합니다. 하지만 상식적으로 알고 있는 집합의 관점으로만 보기에는 받아들이기 어려운 상황이 발생합니다.
찜으로 찜해보는 react-query
도입배경 트렌비 웹페이지는 react-boilerplate 기반으로 작성되었습니다. 그래서 상태관리에 대해서도 보일러플레이트에서 사용한 리덕스(redux)를 그대로 사용해 왔습니다. 리덕스를 사용하는데 있어 큰 문제는 없었으나, 개발과정에서 아래와 같은 몇 가지 불편함이 있었습니다. 첫째, API를 호출하고 그 결과를 화면에 그리기 위해서 해야할 게 너무 많았습니다. 컴포넌트에서 API를 호출하기 위한 액션(action)을 정의해 줘야 합니다.
폼 데이터를 우아하게 관리하는 방법
React에 함수형 프로그래밍을 적용하여 여러 개의 데이터 상태들을 효율적으로 관리한 경험을 소개합니다.
월간 크롬 이슈 리포트 2022년 7월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 7월호)