devBlog
Frontend 글 모음
기업 기술블로그의 Frontend 관련 글 580개
모두를 위한 접근성 이야기
카카오페이에서 UI 개발을 하면서 고민한 접근성을 지켜야 하는 이유와 개발자를 위한 접근성을 쉽게 준수할 수 있는 방법에 대한 내용을 공유합니다.
ECMAScript 명세 이해, 2부
명세 읽는 기술을 좀 더 다듬어 보자. 이미 아는 것에서 출발하는 것은 뭔가를 재밌게 배우는 방법 중 하나이다. 여기서 우리가 이미 알 만한 JavaScript 기능을 어떻게 명세해 두었는지부터 살펴보자.
ECMAScript 명세 이해, 1부
이 글에서는 명세 내 간단한 함수를 이용하여 ECMAScript의 표기법을 알아본다.
ECMAScript 명세 이해, 4부
이 글에서는 커버 문법에 대해 더 자세히 살펴본다. 먼저 모호해 보이는 구문 구조에 대한 문법을 명시하는 방법에 대해 살펴보자.
ECMAScript 명세 이해, 3부
이 글에서는 ECMAScript 언어의 정의와 구문에 대해 좀 더 자세히 살펴보자. 문맥 자유 문법에 익숙하지 않다면, 지금이 기본 사항을 확인하기에 좋은 때이다. 왜냐하면 명세는 문맥 자유 문법을 사용하여 언어를 정의하기 때문이다.
React의 Error Boundary를 이용하여 효과적으로 에러 처리하기
카카오페이지 웹에서 에러를 처리하는 방법에 대해 공유하고자 합니다. “에러 처리” 라는 단어를 접하면 try-catch, error…
이제부터 이 컴포넌트는 제 겁니다
리액트로 개발을 하다 보면 컴포넌트가 기본 기능대로만 동작하기보다는, 원하는 방식으로 확장되어 동작하길 바랄 때가 종종 있습니다. 이럴 때 우리는 IoC(Inversion of Control…
GraphQL 이해하기: (2) 실행 및 전송
이전 글에서 GraphQL 스키마를 정의했습니다. 이제 이 스키마에 질의를 하고 그 결과를 받을 수 있습니다.
딜리셔스 테크데이 이야기
패션 도소매 거래 1위 플랫폼 ‘신상마켓’을 운영하는 딜리셔스에서 지난 10월 5일 테크데이(Tech Day)를 열었어요. 딜리셔스는 K패션의 중심지인 동대문을 디지털 트랜스포메이션에 성공시킨 우리 회사의 IT 기술력을 알리고, 내외부 개발자들과 소통하는 자리를 만들기 위해 2021년부터 매년 테크데이를 열고 있어요. 올해는 백엔드, 검색, 모바일, 웹 프론트 등 연구개발센터의 여러 팀이 진행한 프로젝트를 공유했습니다. 행사 규모가 작년보다 커
월간 크롬 이슈 리포트 2022년 10월호
프런트엔드 개발의 가장 큰 디펜던시인 크롬 브라우저의 주요 이슈를 Chrome Platform Status의 Roadmap과 한 달간 blink-dev 활동 요약을 기준으로 정리하여 공유한다. (2022년 10월호)
유연하게 프로젝트별 개발환경 자동 설정하기(nvm) - nvm deeper shell integration 활용
안녕하세요. 플랫폼 개발팀에서 프론트 개발을 하고 있는 마누입니다. 카카오헤어샵에서는 node.js환경에서 개발하고 있는 프론트엔드 프로젝트가 3개가 있습니다. 동료 개발자들은 이 3개의 프로젝트를 구분 없이 코드 작성해야 합니다. 그런데 이 프로젝트들은 배포환경에서 각각 다른 node.js 버전을 활용했습니다. 프로젝트를 옮겨다니면서 작업해야 할 텐데
React 컴포넌트와 추상화
컴포넌트와 추상화 현대 대부분의 프런트엔드 개발은 React, Vue.js, Svelte, SolidJs…
스마트 TV에서 콘텐츠를 새롭게 탐색하는 방법
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
올해 9월 21일, 카카오페이지 웹 서비스가 새롭게 개편되었습니다. 많은 기능이 추가되고 바뀌었지만 가장 눈에 띄는 부분은 바로 웹 사이트의 전반적인 디자인이 변경되었다는 것입니다. 저희 FE…
[Design] 해피 모먼트를 전해주는 인터랙션 디자인
All the mistakes we have made during Product Discovery
6 months ago we started a new team with a new mission and big dreams. We secured resources to give the mission a proper chance to go through Product discovery, a luxury in a fast pace startup like Buz…
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
머리글 안녕하세요. 카카오웹툰 프론트엔드를 개발하고 있는 레이입니다 :) 2022년 1월 9일에 카카오웹툰은 GitHub Actions…