AI 시대, 설계할 수 있는 개발자가 필요합니다.

LOOP:PAK FRONTEND VOL.1

00
DAYS
:
00
HOURS
:
00
MINUTES
:
00
SECONDS
모집대상경력 1년 이상 프론트엔드 개발자
기술스택React / Next.js
교육기간10월말 개강 예정
교육시간매주 토요일 13:00 - 18:00
새로운 프론트엔드 1기, 드디어 모집을 시작합니다!

AI 시대, 개발자의 역할은 달라지고 있습니다.

When AI Codes, You Decide.

AI는 이미 ‘구현’을 대체하고 있습니다.

이제 개발자에게 요구되는 역량은 빠른 구현이 아니라, 상황에 맞게 판단하고 결정할 수 있는 능력입니다.

AI는 하루 만에 컴포넌트, API 호출 코드, 테스트까지 만들어냅니다.

“코드를 잘 친다”는 이유만으로는 채용되지 않는 시대가 되었습니다.

이제 면접에서는 “왜 이렇게 설계했는가?”를 묻습니다.

How To

AI시대의 프론트엔드 개발자는 ‘구현자’가 아니라 ‘판단자’입니다. 루프팩은 시대의 흐름을 함께 대비합니다.

필수 역량 함량, 함께하는 성장은 자연스럽게 이직으로 이어집니다.

어떤 교육으로 성장하길 원하시나요?

Designed to Grow.

루프팩은 이직과 성장을 고민하는 프론트엔드 개발자를 위해

현실적인 기준과 빅테크 실무 흐름을 담아 설계된 10주 집중 성장 프로그램입니다.

Designed to Grow 1
Designed to Grow 2
Designed to Grow 3
Designed to Grow 4
Designed to Grow 5

Loop:PAK은 ‘이직 시켜 드립니다’라고 말하지 않습니다.

대신, 이직 시장에서 더 이상 운이나 타이밍에 기대지 않아도 되는 성장형 개발자로 만들어 드리겠습니다.

루프팩은 엄선된 강력해진 멘토진과 함께합니다.

Explore the lineup

현업에서 검증된 실력, 교육 노하우를 겸비한 증명된 강사진

교육의 퀄리티는 강사에서 시작됩니다. 루프팩에서 어렵게 모신 특별한 멘토님을 만나보세요.

멘토 1
멘토 2
멘토 3

루프팩은 실무에서 직접 주니어를 성장시켜 온 멘토진들이 커리큘럼을 설계했습니다.

Built by mentors, Designed for the AI era

AI가 코드를 만드는 시대일수록 중요한 것은 구현 능력이 아닌 판단력입니다.

루프팩은 현업 시니어들이 실제 팀에서 중요하게 생각하는 코드 품질, 설계 의도,

기술적 의사결정을 중심으로 커리큘럼을 설계했습니다.

AI가 코드를 다 짜주는데, 굳이 사람한테 배울 필요가 있나요?

Mentor Says

오히려 그 반대예요. AI가 코드를 빠르게 뽑아주기 때문에, "이게 좋은 코드인지 판단하는 사람"의 가치가 더 올라갔습니다. 저희 팀 면접에서도 이제 "이거 어떻게 짜요?"는 안 물어봐요. "어떤 기준으로 설계했어요?"를 물어봐요. 이 과정에서는 매주 `CLAUDE.md`를 직접 확장하고, AI에게 코드 리뷰를 시키는 SKILL을 본인 손으로 만듭니다. AI를 이기는 게 아니라, AI를 잘 활용하는 개발자로 성장시키는 게 목표예요.

10주 짜리 커리큘럼을 구상하실 때 가장 먼저 고민한 것이 무엇인가요?

Mentor Says

저희 4명은 다 회사에서 주니어 온보딩과 멘토링을 직접 해왔어요. 그러다 보면 자연스럽게 "이 연차라면 이 정도는 기본기로 갖췄으면" 하는 기준이 생기거든요. 이번 커리큘럼은 그 기준을 하나하나 맞춰서 만든 결과물입니다. 가장 크게 고민한 건 AI 에이전틱 코딩 시대에, 기존 강의 커리큘럼이 변화를 따라가기 어렵다는 점이었어요. "이렇게 짜는 법"만 알려주면 AI가 이미 다 하거든요. 그래서 10주를 "AI를 잘 사용해서 그 결과물을 판단하고 설명할 수 있는 개발자"로 키우는 흐름으로 짰습니다. 그리고 흐름을 끊지 않으려고, 1주차부터 10주차까지 하나의 프로젝트가 진화하도록 설계했어요.

과제 시나리오를 정할 때 어떤 기준으로 선택하셨나요?

Mentor Says

저희는 다 커머스/플랫폼 출신이에요. 가장 자신 있게 가르칠 수 있는 분야가 커머스였습니다. 근데 그것보다 더 큰 이유는 커머스가 프론트엔드의 핵심 기술들을 두루 고려해야 하는 분야이기 때문이에요. 이 과정을 통해 공통 컴포넌트 설계, SEO, 성능 최적화, 복잡한 상태 관리 등을 모두 구현해보실 수 있어요.

실무에서 가장 중요하게 보시는 개발자 마인드셋은 무엇인가요?

Mentor Says

저는 코드보다 "왜 이 선택을 했느냐"를 설명할 수 있는가를 봅니다. 주니어와 시니어의 진짜 차이는 거기서 갈려요. 코드는 AI가 짜줘도, 코드의 의도를 설명하는 건 사람이 해야 하거든요. 그래서 이 과정에서는 매주 본인 코드를 돌아가면서 설명하는 시간이 있어요. 처음에는 부담스러우실 수 있지만, 10주 뒤에는 큰 자산이 됩니다.

어떤 분께 이 과정을 권하고 싶으세요?

Mentor Says

코드리뷰 해줄 시니어가 없는 회사에서 일하고 계신 분이요. 사수가 없거나, 있어도 챙겨줄 여유가 없어서 "잘 돌아가니까 됐지" 로 PR이 그냥 머지되는 환경이요. 그런 곳에서 1~2년만 일해도, 본인 코드의 좋고 나쁨을 스스로 판단할 기준이 사라져요. 그게 진짜 막막한 상태입니다. 이 과정은 그 사라진 시니어의 자리를 4명의 멘토가 10주 동안 채워드립니다.

루프팩 프론트엔드 과정을 끝낸 사람은, 어떻게 달라져 있을까요?

Mentor Says

가장 크게 달라지는 건 "내 코드를 내가 설명할 수 있게 된다"는 점이에요. 지금까지 만든 기능을 "그냥 만들었어요" 말고, "왜 이 구조를 골랐고, 어떤 대안을 버렸는지" 말할 수 있게 됩니다. 그게 사실 시니어가 되는 첫 단계거든요. 코드의 양이 아니라, 코드를 설명할 수 있는 깊이로 바뀌는 거예요.

현업 문제 중심의 차별화된 실습과 컴포넌트 설계 교육으로 빠르게 성장합니다.

Learn Different. Grow Faster.

빅테크 시니어 프론트엔드 개발자와의 협업으로 제작된 강의로

빠른 속도로 압도적인 본업 성장을 만듭니다.

Point 1
Point 2
Point 3
Point 4
Point 5
Point 6
Point 7
Point 8
Point 9

지금, 루프팩에서만 만날 수 있는 특별한 교육 과정

Structed to Grow.

전체 10주, 체계적인 구조와 유연한 학습 흐름.

지속적이고 효율적인 성장을 위한 프로그램을 함께 하세요

Step 1
Step 2
Step 3
Step 4

모든 세션은 종료 후 녹화본이 제공됩니다.

개인의 일정에 맞춰 유연하게 학습할 수 있습니다.

루프팩만의 특별한 스케쥴을 확인해보세요.

User Journey

토요일 정규 구성

Loop:Pak L2-FE

루프팩은 단순히 ‘개발하는 법’을 가르치지 않습니다. 현실의 제약 비지니스 요구 속에서,

기술을 선택하고 설명할 수 있는 ‘실전형 개발자’를 만듭니다.

L2-FrontEnd 핵심 1
L2-FrontEnd 핵심 2
L2-FrontEnd 핵심 3
L2-FrontEnd 핵심 4

루프팩 프론트엔드 상세 커리큘럼을 확인해 보세요.

Curriculum

루프팩 L2 프론트엔드 | 10주 과정Loop:pak

‘잘 돌아가는 코드’와 ‘좋은 코드’는 다르다. 그 차이를 구분하는 눈을 먼저 키우고, AI와 함께 코드를 검증하는 환경을 만든다.

네이밍 전략Conventional CommitsCluade Code & CLAUDE.md

컴포넌트는 “재사용 가능하게” 만들기 전에, “읽기 쉽게” 만드는 것이 먼저다.

Props 설계Composition 패턴TypeScript Props interface

500줄짜리 컴포넌트를 열었을 때 “나는 여기, 로직은 여기, API는 여기”라고 바로 찾을 수 있는 구조를 만든다.

관심사 분리Custom HookSRP & DIP

컴포넌트를 ‘쓰는’ 개발자에서, 컴포넌트를 ‘설계하는’ 개발자로. 라이브러리 내부 구조를 이해하고 같은 수준의 유연한 API를 직접 만든다.

Next.js App Router렌더링 전략A11y & ARIA

모든 상태를 useState에 넣던 시절은 끝났다. 상태의 본질을 파악하고 적재적소에 배치하는 아키텍처를 설계한다.

HydrationBoundary낙관적 업데이트서버 상태 TanSatck Query v5

컴포넌트 수준을 넘어, 전체 애플리케이션을 설계하는 관점으로 도약한다. 코드를 짜기 전에 설계를 먼저 쓴다.

RADIO 프레임워크FSD Feature Sliced DesignRFC 작성

“느리다”는 의견이다. Lighthouse 점수는 사실이다. 성능을 숫자로 측정하고 숫자로 개선한다.

Next.js 캐싱 모델Bundle AnalyzerCore Web Vitals LCP·CLS·INP

“구현 세부사항이 아닌 사용자 행위를 테스트하라” – 이 한 문장이 프론트엔드 테스트의 핵심 철학입니다.

RTL React Testing LibraryMSW v2사용자 행위 기반 테스트

사용자가 실제로 겪는 플로우 전체를 자동화하고, ‘눈에 보이는 변화’를 기계가 감지하게 만든다.

PlaywrightE2E 테스트Chromatic 시각적 회귀 테스트

프로덕션에 올라가고, 측정되며, 떨어질 수 있는 업으로 마무리한다.

Vercel 배포Amplitude 이벤트 트래킹Sentry 에러 모니터링

수강 크루들의 지속적인 신뢰와 성공적인 취업 결과

Learn to Solve.

멘토들의 풍부한 멘토링 경험

1200명+

기존 대비 이력서 통과율

80% 향상

2025 이직 성공 멘티 평균 연봉 인상

+1,460만원

성장과 커리어를 지원하는 루퍼스만의 무한한 혜택

Choose your benefit !

특별한 네트워킹 파티

특별한 네트워킹 파티

루퍼스 인증 코드 발급

루퍼스 인증 코드 발급

우수 졸업자 추천서

우수 졸업자 추천서

다양한 후속 프로그램

다양한 후속 프로그램

빅테크 팁 자료 제공

빅테크 팁 자료 제공

루퍼스 혜택 지원

루퍼스 혜택 지원

일부 인원 재수강권

일부 인원 재수강권

오픈 이력서 세션

오픈 이력서 세션

우수 인원 1:1 기술 면접

우수 인원 1:1 기술 면접

스터디 개설 지원

스터디 개설 지원

과정이 끝나도, 연결은 끝나지 않습니다.

Still in the Loop.

Loop:PAK 수료생은 단순한 교육생이 아닌, 함께 성장하는 동료가 됩니다.

Still in the Loop 1
Still in the Loop 2
Still in the Loop 3

2026년 첫 런칭! 최대 혜택!으로 합류하세요.

SPECIAL PRICE

매번 커리어 성장을 고민만 하고 계신가요?

탑티어 현업 개발자와 함께하는 커리어 전환의 시작

오래, 깊게 설계된 루프팩 프론트엔드 코스와 함께 해보세요

Ticket 1
Ticket 2
Ticket 3
Ticket 4

* 1기 모집 마감 후 최대 할인이 종료됩니다.

자주 묻는 질문을 확인해보세요

Loop:pak Q&A