7년 동안 하나 만들었습니다: 프론트엔드 개발의 결정적 순간│인프콘2024
INFCON 2024 인프런 · YouTube
AI 핵심 요약
에어브릿지를 7년간 개발하며 이벤트 데이터 증가, 복잡한 캘린더 요구사항, 상태 관리 라이브러리 선택처럼 제품 성장에 따라 달라진 문제들을 겪었다. 이벤트를 모두 불러오던 구조는 API에서 ID와 이름을 매핑하도록 바꾸며 데이터 규모와 변화량이 사용자 경험에 미치는 영향을 배웠고, 캘린더를 과도하게 미리 구현한 경험에서는 복잡도를 줄이고 실제 사용 예시부터 검증하는 방식을 얻었다. Redux에서 Recoil로 옮긴 결정은 측정 결과를 편향되게 해석한 사례로 돌아보며, 기술 도입 전에 문제를 재정의하고 대안과 도입 시점을 검토해야 한다고 설명했다. 오래된 코드를 단순한 레거시가 아니라 제품의 맥락과 경험이 담긴 유산으로 보고, 그 맥락을 활용해 리팩토링하는 것이 장기 개발의 교훈이라고 강조했다.
- 데이터가 많아지거나 자주 바뀌는 화면은 초기에 규모를 가늠하고, 필요하면 페이지네이션이나 렌더링 가상화를 고려하세요.
- 반복해서 참조하는 데이터는 정규화하고, 데이터의 크기와 사용 방식에 맞춰 배열이나 Map 같은 구조를 선택하세요.
- 복잡한 컴포넌트는 미래 기능을 미리 넣기보다 실제 사용 예시를 먼저 작성하고, 중요한 요구부터 구현하는 편이 수정 여지를 남깁니다.
- 기술 도입 전에는 해결하려는 문제를 다시 정의하고 대안을 비교하세요. 벤치마크도 원하는 결론에 맞춰 해석하지 않도록 주의해야 합니다.
- 날짜 기능을 설계할 때는 타임존과 날짜 경계의 의미를 명확히 하고, 가능하면 UTC 기준을 고려하세요.
소개
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://inf.run/ifwWL 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 7년 동안 하나 만들었습니다: 프론트엔드 개발의 결정적 순간들 - 이찬희 무언가 만들다보면 이런 생각이 들 때가 있습니다. 지금 만드는 것이 3년 뒤에는, 5년 뒤에는, 어떤 모습이 되어있을까. 바라는 것도 있을 것이고 필요한 것도 있을 것입니다. 그렇다면, 7년 동안 하나의 제품을 만들면 무슨 일이 생길까요? 커리어의 시작부터 지금까지, 저는 ‘에어브릿지’라는 제품 하나를 만들고 있습니다. 오래 하나를 만들다보면, 변화는 예상치 못한 순간에 가장 기괴한 형태로 찾아오곤 합니다. 그때마다 결정을 내려야하는 순간들이 찾아옵니다. 편해지기 위해, 효율을 높이기 위해, 때로는 그냥 재밌어서. 모든 순간이 즐거울 수는 없지만, 돌아보면 그러한 순간들이 모여 프론트엔드 개발자로서, 함께 ...
비슷한 학습 자료
컨퍼런스 INFCON 2024
달리는 기차의 바퀴 갈아끼우기: 인프런 프론트엔드 마이그레이션 여정│인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 달리는 기차의 바퀴 갈아끼우기: 인프런 프론트엔드 마이그레이션 여정 - 조성륜 실제 운영되고 있는 서비스의 레거시 코드(Express.js 기반 Vanilla.js)를 모던 리액트 환경으로 마이그레이션을 하기위한 인프런 프론트파트의 여정을 공유합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
웹 개발 프론트엔드
컨퍼런스 INFCON 2024
10년 동안의 실패 이야기: 실패를 의미있는 일로 탈바꿈하는 가장 쉬운 방법 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 10년 동안의 실패 이야기: 실패를 의미있는 일로 탈바꿈하는 가장 쉬운 방법 - 강영화 그동안 겪은 실패 이야기를 나눠요. 성공에 대해서는 많은 사람들이 말하지만, 실패에 대해서는 잘 말하지 않죠. 10년 넘는 기간 동안 커리어를 이어가면서 크고 작은 실패들을 경험했어요. 사용자 피드백 없이 제품을 만들기도 하고, 디자이너에서 PM/PO로 전향하려 했던 시도들이 좌절되기도 했으며, 자기관리 실패로 크고 작은 번아웃도 겪었죠. 괴롭고 힘들었지만, 정말 많은 것들을 배우게 되었어요. 제 커리어의 다양한 이야기를 들려드릴게요. 실패를 어떻게 의미 있는 일로 바꿀지에 대한 아이디어도 얻어가실 수 있을 거예요. 이런 이야기를 들으실 수 있어요. - 유저 리서치, 디자인, 커뮤니케...
컨퍼런스 INFCON 2024
지속 성장 가능한 설계를 만들어가는 방법 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 지속 성장 가능한 설계를 만들어가는 방법 - 김재민 소프트웨어를 개발할 때 항상 언급되는 '설계'. 여러분은 설계란 단어를 보면 어떤 것이 떠오르시나요? 이 발표에서는 설계란 무엇이고, 어떻게 접근할지에 대해 생각할 거리를 던집니다. 그리고 몇 가지 관점과 예제로 살펴봅니다. 결론적으로 우리가 개발할 때 정말로 집중해야 할 것이 무엇인지에 대해 이야기해 보려 합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
개발 · 프로그래밍 기타
컨퍼런스 INFCON 2024
개발자로 긴 커리어를 가지고 싶다면?│인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 개발자로 긴 커리어를 가지고 싶다면? - 한기용 개발자로 커리어를 가져야할 마인드셋을 29년간 한국(5년)과 미국(24년)에서 개발자와 리더로 일한 개인적인 경험을 바탕으로 공유합니다. 커리어 여정에 따라 어떤 부분에 신경을 써야하는지 뿐만 아니라 구체적인 팁들도 제공합니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
컨퍼런스 INFCON 2024
개발자 손 꼭 붙잡고 기획하기 | 인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 개발자 손 꼭 붙잡고 기획하기 - 송은택 개발자들의 의견을 더 많이 듣고 싶지만 어떻게 그들의 의견을 끌어내야할 지 모르겠는 PM, 디자이너 그리고 비즈니스와 제품 기획에 더 많이 관여하고 싶은 개발자들을 위해 준비한 내용입니다. 최근에 인프랩 ucc셀에서는 프로젝트 초기 기획 과정에서부터 엔지니어들도 함께 참여했습니다. 진행하는 프로젝트의 전체적인 맥락을 초기부터 공감하고, 디테일한 정책 설계까지 함께했는데요. 높은 몰입도를 보여주었습니다. 프로젝트를 진행할수록 엔지니어들은 초기 기획보다 더 참신한 방안을 계속해서 제시하고, 실행했습니다. 프로젝트를 진행하며 어느 순간 각자의 생각이 모두 일치하는 경험을 했습니다. 불필요한 커뮤니케이션은 자연스럽게 감소했고요. 어떤 ...
프로덕트 매니지먼트 애자일 · 협업
컨퍼런스 INFCON 2024
처음으로 기술 리더가 된 개발자를 위한 안내서│인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://inf.run/ifwWL 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 처음으로 기술 리더가 된 개발자를 위한 안내서 - 박서진 토스 프론트엔드 조직이 5명에서 140명으로 확장하면서, 많은 프론트엔드 개발자가 기술 리더 역할을 맡기 시작했어요. 발표에서는 토스에서 개발자가 기술 리더로 역할을 시작했을 때 공통적으로 겪는 문제들을 살펴봐요. 연구로 밝혀진 "신뢰의 7가지 요소"라고 하는 키워드를 중심으로, 어떻게 단계적으로 조직에서 역할에 익숙해질 수 있을지를 소개해드려요. 실제로 토스에서 있었던 사례들을 중심으로 다양한 Case Study도 살펴보아요. - Capability: 팀 리더가 얼마나 유능한가? - Predictability & Integrity: 약속을 지키는가? - Level of Communication: 소통이 원활한...
애자일 · 협업