섬세한 ISFP의 코드 가독성 개선 경험 / if(kakao)2022
if kakao 카카오 · YouTube
AI 핵심 요약
코드를 처음 보는 동료가 급하게 수정해야 하는 상황을 염두에 두고, 프론트엔드 코드의 가독성을 높인 경험을 공유했습니다. `load`와 `fetch`, `getBy`와 `queryBy`처럼 비슷한 단어의 의미를 구분하고, UI 컴포넌트 이름과 함수명을 실제 동작에 맞게 다듬었습니다. 또 조건문과 맵을 표처럼 정리하고 z-index 목록을 한곳에 모았으며, 로그 처리를 공통 핸들러로 분리해 코드의 핵심 흐름을 드러냈습니다. 가독성 개선은 정해진 리팩토링 규칙만 따르는 일이 아니라, 정확한 표현과 시각적 구조를 통해 읽는 사람의 이해를 돕는 과정이라는 점을 강조했습니다.
- 함수명은 동작의 범위를 드러내도록 고르세요. 예를 들어 데이터를 가져오는 동작과 화면에 적재하는 동작을 구분하면 이름만으로도 기대 결과를 파악하기 쉽습니다.
- React Testing Library의 `getBy`는 대상이 있다고 기대할 때, `queryBy`는 대상이 없을 수도 있는지 확인할 때 쓰는 식으로 API 이름의 의미를 살펴보세요.
- 조건과 결과의 대응 관계가 중요하다면 `if`문이나 맵을 표처럼 정렬하고, 예외 조건을 먼저 처리해 핵심 흐름을 드러낼 수 있습니다.
- z-index처럼 여러 곳에서 공유하는 값은 한곳에 모아 목록화하면 전체 순서를 파악하고 충돌을 예방하기 쉽습니다.
- 반복되는 로그 처리 코드는 공통 핸들러로 분리할 수 있지만, 데이터 속성으로 정보를 전달하는 구조가 적절한지 함께 고려해야 합니다.
소개
협업에서는 코드 가독성은 중요한데요. 섬세한 성격의 프론트엔드 개발자는 어떠한 점을 중점을 두고 가독성을 개선해보려고 노력했는지 사례를 살펴보겠습니다. #코드가독성 #React 카카오 엔터테인먼트의 FE개발팀 coze입니다. 저의 MBTI는 섬세한 성격인 ISFP입니다. 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-80 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #ifkakao2022
비슷한 학습 자료
컨퍼런스 if kakao
AI Coding Agent: 실험을 통해 확인한 생산성 그 이상의 가능성
컨퍼런스 if kakao
if(kakao)25 ‘바이브코딩’에서 시작된 새로운 개발 패러다임, 카카오의 프로덕션 환경에서도 통했을까요? 카카오의 생생한 실험 과정을 통해 무엇을 증명했고, 어떤 통찰을 얻었는지 확인하실 수 있습니다. #TECH #AI #Agent AI와 함께 일하는 새로운 방식을 탐구하며, 카카오의 AI-Native 전환을 위한 전략과 실행을 이끌어가는 Vibeworker 이호정(benedict.lee)입니다. 발표자료 보기 📍https://if.kakao.com/2025/session?sessionId=53 📍if.kakao.com if(kakao)25 홈페이지 : https://if.kakao.com/2025 #카카오 #kakao #이프카카오25
AI 코딩 AI에이전트 개발 로드맵 1개에 담김
컨퍼런스 if kakao
코드로 해두면 편해요! 실수를 줄이는 개발 환경과 절차
컨퍼런스 if kakao
if(kakao)25 다양한 개발 환경과 절차에 대해 일일이 설명하거나 복잡한 문서를 작성하는 대신, 코드의 형태로 선언하고 관리할 수 있습니다. 이로써 업무를 효율화하고 보다 안정감 있게 신규 서비스를 만든 경험을 나누고자 합니다. #TECH #PRODUCT #General 카카오에서 숏폼 스튜디오를 만들고 있는 김우섭(wes.kim)입니다. 요즘은 Nix와 같은 선언형 관리에 관심이 많습니다. 발표자료 보기 📍 https://if.kakao.com/2025/session?sessionId=13 📍 if.kakao.com if(kakao)25 홈페이지 : https://if.kakao.com/2025 #카카오 #kakao #이프카카오25
데브옵스 · 인프라
컨퍼런스 if kakao
접근성 작업을 도와주는 ESLint plugin 개발기 / if(kakaoAI)2024
컨퍼런스 if kakao
팀의 접근성 개선 작업 중, “Unit test나 Storybook 없이 접근성 위반을 바로 확인할 수는 없을까?“라는 고민이 들었습니다. 이를 해결하기 위해 접근성 위반 사항을 자동으로 알려주는 ESLint 플러그인을 개발한 경험을 공유합니다. 모빌리티에서 셔틀과 버스대절 서비스를 개발하고 있는 Eddie입니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-39 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
프론트엔드 소프트웨어 테스트
컨퍼런스 if kakao
선물하기 프론트엔드 성능 개선기 / if(kakaoAI)2024
컨퍼런스 if kakao
선물하기 프론트엔드 성능을 개선하면서 고민 했던 것들 그리고 적용한 기술들에 대해 공유하고자 합니다. #front-end #angular #웹 성능 선물하기 서비스에서 프론트엔드 개발을 하고 있는 Fleek입니다. 유저에게 더 나은 서비스 경험을 선사하기 위해 늘 노력합니다. 발표자료 보기 👉 https://speakerdeck.com/kakao/ifkakao24-35 if(kakaoAI)2024에 대한 자세한 정보는 👉 https://if.kakao.com #카카오 #이프카카오 #개발자컨퍼런스 #AI #기술 #개발 #ifkakaoAI2024
웹 개발 프론트엔드
컨퍼런스 if kakao
쿠버네티스 펀하고, 쿨하고, 섹시하게 / if(kakao)2022
컨퍼런스 if kakao
카카오 엔터프라이즈에서는 cluster api와 다양한 plugin을 이용하여, 개발자들에게 용도에 맞는 k8s를 제공하고 있습니다. 그리고 이 환경을 기반으로 모든 클라우드 배포 환경을 k8s를 이용하여 구현할 수 있었습니다. 카카오 엔터프라이즈에서 사용중인 선언적인 kubernetes as a service 개발 방법 공유! 이것이 선언적인 방법이니까! 음! #Kubernetes #ClusterAPI #Kubernetesasaservice 카카오엔터프라이즈에서 퍼블릭 클라우드 서비스를 개발하고 있는 벅과 곤잘레스 입니다. 카카오아이클라우드 최고에요~! 발표자료 보기 👉https://speakerdeck.com/kakao/ifkakao22-58 if(kakao)2022에 대한 자세한 정보는 👉 https://if.kakao.com if(kakao)2022에 대한 문의는 👉 if@kakaocorp.com #카카오 #이프카카오 #개발자컨퍼런스 #기술 #개발 #i...
데브옵스 · 인프라 클라우드
컨퍼런스 if kakao
Developers Recap @if(kakao)2021 - full ver.
컨퍼런스 if kakao
if (kakao) 2021 컨퍼런스의 둘째 날에는 카카오와 9개 공동체 개발자들이 더 나은 세상을 만들기 위한 다양한 기술적 노력과 혁신적 성과을 공유합니다. 본 영상에서는 개발자를 위한 기조연설과 기술 발표 세션, 토크쇼/인터뷰/대담 등 다양한 콘텐츠와 개발자 대상 이벤트 등 총 90여개의 세션과 프로그램을 소개할 예정입니다. 카카오와 공동체 개발자들이 지난 1년간 흘렸던 땀과 노력, 그리고 이뤄낸 기술적 성과들을 한 눈에 확인해주세요! - https://if.kakao.com - 카카오 테크: https://tech.kakao.com/ - 관련 글: https://tech.kakao.com/2021/11/01/ifkakao2021-developers-recap/