박문철 익힘책이란?
이런 고민 해보신 적 있나요?
•
"코드 리뷰에서 '이렇게 하는 게 더 낫다'고 하는데, 왜 더 나은지 와닿지 않아요"
•
"유튜브나 강의로 배울 땐 이해했는데, 막상 제 코드에선 어떻게 적용할지 모르겠어요"
•
"좋은 코드의 기준이 뭔지 알고 싶은데, 추상적인 원칙만 나와서 답답해요"
박문철 익힘책은 '보기만 하는 강의'가 아닙니다.
영상을 중간중간 멈추고, 여러분이 먼저 고민한 뒤 전문가의 판단과 비교하며 '좋은 코드에 대한 직관'을 훈련하는 학습 경험입니다.
이 익힘책의 학습 목표
이번 챕터를 마치면 이런 것들이 가능해집니다:
1.
"왜 이 코드가 더 나은가?"를 설명할 수 있게 됩니다
단순히 "전문가가 그랬으니까"가 아니라, 유지보수 관점에서 구체적으로 비교할 수 있습니다.
2.
추상화의 양면성을 체감합니다
"깔끔한 코드 = 좋은 코드"라는 공식이 항상 맞지 않음을 실제 사례로 이해하게 됩니다.
3.
내일 당장 코드 리뷰에 적용 가능한 기준을 얻습니다
"코드가 요구사항처럼 읽히는가?"라는 명확한 잣대를 갖게 됩니다.
익힘책 활용법 (중요!)
•
배경 설명 (Context)
•
내 생각 포착 (Pre-thinking)
•
전문가 관찰 (Expert Input)
•
비교 & 깨달음 (Reflection)
•
액션 아이템 (Action)
•
배운 내용 공유하기 (Community Share)
이 익힘책은 적극적인 자세로 학습해야만 효과를 볼 수 있습니다.
최대 효과를 얻으려면 다음 순서를 꼭 지켜주세요:
단계 | 행동 | 소요 시간 | 왜 중요한가요? |
| 영상(인트로 영상 제외)을 보기 전에 먼저 코드를 보고 내 생각을 구글폼에 작성 | 3~5분 | 전문가의 답을 보기 전 내 수준을 자각해야 '인지적 충돌'이 생깁니다 |
| 영상을 보며 전문가의 판단 확인 | 2~3분 | "어? 나랑 다르네?"라는 순간이 학습의 결정적 순간입니다 |
| 다시 구글폼으로 돌아와 "왜 다른가?" 분석 | 3~5분 | 차이의 이유를 언어화해야 내 것이 됩니다 |
| 다른 참가자들의 답변 구경 (선택) | 2분 | "나만 이렇게 생각한 게 아니구나" 안도감 + 다양한 관점 습득 |
전체 소요 시간: 약 30~40분 (영상 시청 15분 + 질문 작성 20분) 주의: 다른 사람 답변을 먼저 보면 학습 효과가 현저히 떨어집니다!꼭 본인 답변을 먼저 작성한 후에 확인해주세요!
함께하는 전문가
•
박서진: 토스 프론트엔드 엔지니어링 헤드
•
오종택: 토스 프론트엔드 코치
•
문동욱: 토스 프론트엔드 모바일 챕터 리드
시작 전 체크리스트
구글폼에 답변을 먼저 작성하고, 다른 사람 답 보지 않기로 다짐했다
영상은 자막을 켜고 볼 준비가 되었다
편하게 고민하고 틀려도 괜찮다는 마음가짐을 가졌다
약 40분 정도 온전히 집중할 수 있는 환경이다
"틀린 답을 적는 게 오히려 학습에 도움이 됩니다. 전문가와의 '차이'가 클수록 배움도 큽니다!"준비되셨나요? 그럼 시작해볼까요!
영상 시청 #1: 인트로 영상
해당 코드가 어떤 화면 맥락에서 작성되어 있는지 영상을 통해 함께 살펴봅니다.
이번 학습지 문제들의 맥락을 설명해주는 인트로 영상입니다.
아래 클립 영상의 자막을 켜고 시청해주세요!
오늘 다룰 주제: PriceDisplay 리팩토링
상황: 전역 통화 설정(USD/KRW)에 따라 가격을 다르게 표시하는 컴포넌트가 있습니다.
•
선택된 통화에 따라 상품 카드 컴포넌트 내 가격 포매팅을 다르게 해서 보여주어야 합니다
•
서버에서 응답하는 가격은 USD가 기본값이며, 원화로 표시할 때는 API에서 가져온 원/달러 환율을 곱하여 계산합니다.
미션: 이번 세션에서 우리는 PriceDisplay를 보다 변경에 유연하도록 리팩토링 해보려고 합니다.
상품 카드 컴포넌트는 아래 스크린샷의 ProductListItem에 구현되어 있습니다.
•
선택한 통화에 따라서 가격을 다르게 보여주는 기능은<PriceDisplay /> 에서 담당하고 있습니다. (코드 블럭: 38번 라인)
•
다음 질문을 읽고 드는 생각을 구글 폼에 작성해주세요. 답변은 익명으로 기록되니 떠오르는 생각을 편하게 적어주세요. 생각을 글로 정리하는 과정 자체가 학습에 많은 도움이 돼요.
•
구글 폼 하단에서 다른 참가자들의 답변을 확인할 수 있는 링크를 제공하고 있어요. 단, 본인의 답변을 먼저 작성한 후에 확인하시는 것을 강력히 권장드려요. 답변 전에 다른 사람의 답을 보면 학습 효과가 크게 감소해요.
