오직 “프론트엔드 코드” 를 위한 좋은 코드 지침서, frontend-fundamentals.com Frontend Fundamentals 의 공식 계정입니다. 프론트 개발자가 재미있어할만한 FF의 뉴 소식들을 야무지게 전달해볼게요 😉

🎙️ 조건부 렌더링 처리, 다들 어떻게 처리하시나요?​ github.com/toss/frontend-… 논리 연산자(&&)와 삼항 연산자(?:)를 활용하는 전통적인 방식, 혹은 <If /> 같은 선언적인 컴포넌트를 사용하는 방식. 어떤 접근법이 효과적일까요?

🎙️ 전역 상태를 사용하는 기준이 있으신가요?​ github.com/toss/frontend-… 프로젝트에서 props를 통해 상태를 전달하는 방식이 유지되고 있지만, 컴포넌트 계층이 깊어지면서 "언제 전역 상태를 도입하는 것이 좋을까?" 라는 고민이 생깁니다.

🎙️ "enum" vs "as const"​ github.com/toss/frontend-… enum과 as const, TypeScript에서 어떤 방식을 선택해야 할까요? 각 방법의 트리 셰이킹, 런타임 성능, 유지보수성, TypeScript 생태계 방향성 등을 고려해 논의가 이루어졌어요.

FF 메인테이너의 3개월 목표 스리슬쩍 공개! 1️⃣ 많이 보세요  • 글로벌(미국, 일본 등) MAU: 현 762 → 1500  • 주기적으로 방문하고싶은 문서: DAU 현 450 →1K 2️⃣ 많이 토론해요  • 매주 신규 생성되는 디스커션 10개 보장  • FF 내에 디스커션 내장하기 3️⃣ 브랜드 가치 업  • ⭐3K

[🏟️ 2월 콜로세움] React Server Components(RSC)를 실무에서 얼마나 적극적으로 사용해야 할까? 실무에서의 다양한 의견을 나눠주세요 :) github.com/toss/frontend-… 🏆 가장 UpVote을 많이 받은 코멘트 작성자분께 작은 Frontend Fundamentals 굿즈를 보내드립니다!

"코드를 왜 난독화하나? 결국 나쁜 사람들은 어떻게든 코드를 해석하지 않겠느냐? 서버 보안을 강화하는 게 더 중요하지 않냐?” 한국에서만 서비스 하는데.. 인터넷 속도가 그리 큰 문제인가? 게다가 ChatGPT 같은 도구로 금방 디코드해버릴 수 있는데?” github.com/toss/frontend-…

간격(여백) 조정을 위한 padding, margin 적용 시... 컨벤션을 정하는게 좋을까? 1. Gap 2. Margin top vs bottom 3. 유틸 컴포넌트

대 AI 시대... 코딩 테스트를 어떻게 출제해야 할까요? github.com/toss/frontend-…

[커뮤니티 논의 요약] - RSC는 강력한 가능성을 가진 기술이지만, 실무 도입에는 신중한 접근 필요. - 특정 유스케이스(초기 렌더링 최적화) 또는 사이드 프로젝트에서 제한적으로 실험해본 이후 도입 추천 - 기존 최적화 기술(SSR, ISR 등)과 비용을 비교해 도입 여부를 결정해야 함.

[🏟️ 3월 콜로세움] 커리어 시작은 대기업에서 vs 스타트업에서 어디가 좋을까? 여러분이 어떤 의견을 갖고 있는지 궁금해요 :) github.com/toss/frontend-… 📷 가장 UpVote을 많이 받은 코멘트 작성자분께 작은 Frontend Fundamentals 굿즈를 보내드립니다!

컴포넌트에서 책임 분리: id만 넘기기 vs 데이터 직접 전달하기 github.com/toss/frontend-… 64% vs 35%

useQuery의 queryKey를 어떤 방식으로 관리하시나요? github.com/toss/frontend-…

스티커를 인쇄했습니다 >.< 지난 콜로세움 챔피언인 '@ minai621' 님의 깃헙 아이디를 인쇄한 커스텀 스티커 굿즈도 동그랗게 잘 뽑혔어요.

📦 Bundling Fundamentals A부터 Z까지, 번들링의 모든 것 완벽 정리 핵심 개념은 물론 실습 튜토리얼과 심화 학습까지 한눈에! 초보부터 전문가까지 모두를 위한 안내서! 복잡한 설정과 방대한 문서 없이 이 가이드 하나면 충분해요 👉 frontend-fundamentals.com/bundling/