접근성 작업을 도와주는 ESLint plugin 개발기 / if(kakaoAI)2024
if kakao 카카오 · YouTube
AI 핵심 요약
접근성 가이드가 많고 기존 코드까지 점검해야 하는 상황에서 Storybook이나 Jest 기반 검사는 코드를 별도 환경에 올려야 한다는 부담이 있었다. 발표자는 기존 eslint-plugin-jsx-a11y를 바탕으로 팀 규칙을 검사하는 커스텀 ESLint 룰을 만들고, 인라인 요소의 자식에 블록 요소가 있는지 AST를 순회해 확인하도록 구현했다. Emotion styled 컴포넌트는 태그명만으로 요소 유형을 알기 어려워 선언된 컴포넌트 정보를 수집하고 실제 태그에 대응시켜 검사하도록 확장했다. 그 결과 새 코드와 기존 코드에서 접근성 위반을 린트로 확인할 수 있었으며, 팀 가이드를 룰과 오류 메시지로 공유하는 방법을 제시했다.
- 접근성 규칙을 ESLint 룰로 옮기면 코드 작성 시점과 기존 코드 검사에서 모두 위반을 발견할 수 있다.
- 커스텀 룰은 ESLint의 AST 선택자와 노드 순회를 활용해 검사 대상을 찾고, context.report로 오류를 알린다.
- Emotion의 styled 컴포넌트는 JSX 태그명만으로 실제 HTML 요소를 판별하기 어려우므로 선언 정보를 수집해 태그를 매핑해야 한다.
- 팀에서 반복되는 접근성 가이드는 룰과 문서로 공유하면 구성원 간 전달 부담을 줄일 수 있다.
소개
팀의 접근성 개선 작업 중, “Unit test나 Storybook 없이 접근성 위반을 바로 확인할 수는 없을까?“라는 고민이 들었습니다. 이를 해결하기 위해 접근성 위반 사항을 자동으로 알려주는 ESLint 플러그인을 개발한 경험을 공유합니다. 모빌리티에서 셔틀과 버스대절 서비스를 개발하고 있는 Eddie입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-39 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
비슷한 학습 자료
컨퍼런스 if kakao
LSP의 개념과 동작 방식, tree-sitter의 역할 및 활용 방법, 그리고 이를 fluent-bit 설정 파일에 적용하여 얻은 개선 사항을 소개합니다. 개발 과정에서 마주한 도전 과제와 그 해결 방법도 함께 공유합니다. #LSP #tree-sitter #Rust #DevEx #DX #fluent-bit #vscode 카카오톡 메시징 시스템을 개발 및 운영하는 Vince입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-45 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
프로그래밍 언어 개발 도구
컨퍼런스 if kakao
CodeBuddy 와 함께하는 AI 코드리뷰 / if(kakaoAI)2024
컨퍼런스 if kakao
카카오의 코드 리뷰에 대한 철학과, AI 코드 리뷰에 대한 접근 방식을 공유하고자 합니다. KCP(Kakao Cloud Platform), KAP(Kakao AI Platform)를 기반으로 카카오 내부에 On-Premise로 구축된 Codebuddy의 상위 아키텍처와 주요 기능, 최적화 과정에 대해 살펴봅니다. #AI #LLM #CodeReview 소프트웨어 품질, 개발 생산성, 협업을 어떻게 더 잘할 수 있을까를 항상 고민하며 개발자에서 애자일코치로, 다시 AI응용 개발자로 일하고 있는 Benedict입니다. AI 토끼굴에 빠져버린 Sam입니다. 개발자들을 도와 코드 리뷰를 열심히 도와줄 AI SW를 만들어가고 있습니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-28 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 ...
AI 코딩 개발 도구
컨퍼런스 if kakao
AI 를 통해 스팸을 대응하는 카카오의 노력 / if(kakaoAI)2024
컨퍼런스 if kakao
LLM, LMM, RAG와 같은 관심이 높은 AI 기술들이 사람을 도와주기 위해 실제로 어떻게 활용되는지 소개합니다. 특히, 라벨링을 개선하고 유해 콘텐츠를 분류하며, AI 챗봇의 윤리성을 검토하는 방법을 실제 사례를 중심으로 다룹니다. #AI #유해콘텐츠 #라벨링 #LLM #LMM 서버 개발자에서 세월의 흐름에 이끌려 AI를 연구하고 있는 Herschel입니다. 진정한 풀스택개발자를 꿈꾸고 있습니다. 카카오에서 스팸 차단 AI를 연구하는 Zoey입니다. LLM으로 안전한 디지털 환경을 만들고자 합니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-16 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
AI에이전트 개발
컨퍼런스 if kakao
공공데이터를 활용한 RAG 기술 구현 및 프레임워크 소개 / if(kakaoAI)2024
컨퍼런스 if kakao
LLM 응답의 신뢰도를 높이기 위한 방법론인 RAG를 효과적으로 구현하기 위해 필요한 구조 및 데이터 가공방식을 소개합니다. #RAG #청킹 #검색 #대화형 인터페이스 검색 모델을 고도화하기 위해 인공지능 기술을 접목한 랭킹 모델과 신규 Feature를 개발하고 있는 Ian입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-10 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
AI에이전트 개발 자연어 처리 로드맵 6개에 담김
컨퍼런스 if kakao
카카오가 생각하는 접근성 / if(kakao)2022
컨퍼런스 if kakao
서비스를 만들고 운영하는데 참여하는 모든 직군 #장애인 #접근성 #a11y #iOS #Android #Windows 디지털 접근성 책임자(DAO)로 카카오와 공동체의 다양한 서비스들 장애인이 어려움 없이 이용할 수 있는 환경을 만들기 위해 노력하고 있다. 접근성을 단기적 배려의 차원을 벗어나 지속적 모델로 체계화 시키고 비즈니스의 한 분야로 선순환 구조를 만들어 가는데 관심을 가지고 있다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-98 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
UI/UX
컨퍼런스 if kakao
10분 만에 확인하는 선물하기 서비스 품질 / if(kakao)2022
컨퍼런스 if kakao
반복적인 기능 테스트를 자동화하여 업무 효율과 서비스 품질을 높일 방안을 고민해왔고, 커머스 개발실에서 최초로 테스트 자동화 및 운영 시스템인 Away From Keyboard를 도입했습니다. 본 세션에서는 기존 한계 사항과 해결 방법을 쉬운 이해를 도울 수 있는 사례와 함께 소개해 드리고, 앞으로의 방향성을 제시하면서 마무리합니다 #QAAutomation #QAOps #CI #CD #Appium #Selenium 카카오 커머스QA파트의 Seon입니다. 효율적인 테스트 수행을 연구합니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-93 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
소프트웨어 테스트 데브옵스 · 인프라