리액트 10주 스터디

ReactJS, Typescript, NextJS

10주 제대로 공부할 파티원 구합니다.

  • 여기저기 깔짝거리며 듬성듬성 배우던 코딩 공부...
  • 매번 배울 때마다 새롭나요?
  • 일일 과제. 주간 회고. 코드 리뷰.
  • 찐한 소속감까지 꽉~ 채운 스터디!
  • 10주 스터디로 제대로 시작해 봐요.

누구를 위한 프로그램인가요?

🔥
단기간 고효율
10주 빡세게 공부하고 최대한 많은 것을 얻어 가고 싶은 사람
💖
찐한 커뮤니티
같이 공부하는 멤버들과 찐한 소속감을 느끼면서 공부하고 싶은 사람
💪🏻
코딩 근육 기르기
매일 빠지지 않고 3개월 진짜 열심히 공부해서 코딩을 습관으로 만들고 싶은 사람
⚡️
올인원 All-in-one
노마드코더의 베스트 셀러 강의를 한방에 빠르게 섭렵하고 싶은 사람

어떻게 공부하나요?

10주, 행동이 습관으로 자리잡는 데 걸리는 시간.

매일! 매주! 매월! 구체적 목표와 함께 성장합니다.

일일 목표 작성

매일 무엇을 공부할지 스스로 계획을 세우고 공유합니다. 온라인 모각코 채널에서 실시간으로 함께 공부할 수도 있어요!

일일 목표 작성일일 목표 공유

일일 과제

매일, 강의에 맞게 출제된 퀴즈를 풀거나 코드 챌린지를 제출하며 강의에서 배운 내용을 온전히 내 것으로 만듭니다.

일일 과제매일 출제되는 과제

주간회의

매주 1회. 함께 모여 근황도 나누고 한 주를 점검합니다. 과제와 졸업작품을 발표하며, 어려웠던 부분을 질문하고 팁을 공유합니다.

주간회의웹기초 4기 주간회의 발표

주간 회고록 작성

한 주 동안 무엇을 배웠고, 어떤 부분이 어려웠는지. 다음 계획은 무엇인지 체계적으로 한 주를 돌아보는 주간회고를 작성합니다.

주간 회고록 작성매주 회고록 제출

코드 리뷰

혼자서는 할 수 없었던 코드 리뷰! 같은 기능을 서로 어떻게 구현했는지, 어떤 방법이 더 효율적인지 이야기하며 함께 성장합니다.

코드 리뷰조별 코드리뷰

조별 활동

조원들과 커피챗, 과제 공유, 질의응답 하며 함께 공부합니다. 조별 활동하며 서로가 서로의 든든한 개발자 동료가 되어 보아요!

조별 활동조별 온라인 커피챗

혼자하는 공부?
이젠 함께 응원하며 성장해요!

오프라인 모각코

오프라인 모각코

혼자 하는 공부가 어렵고 지친다면? 오프라인으로 만나 함께 모각코(모여서-각자-코딩)해요! 스터디 멤버들과 만나서 함께 과제를 해결하고, 서로 네트워킹하며 다시금 동기부여 뿜뿜해 봐요.

TA (스터디 조교)

TA (스터디 조교)

모르는 것이 있다면 편하게 질문하고 같이 해결해 보아요! TA 들이 매일 저녁 학습을 도와드립니다. 충분히 고민하고 배울 수 있도록 답변과 참고 자료 등 자세한 학습 도움을 제공합니다.

소모임 스터디

소모임 스터디

강의 외에도 참고하면 좋은 자료 스터디, 북클럽과 프로젝트 등 챌린지 외 프로그램도 진행될 수 있습니다. 커뮤니티를 200% 활용해 보세요!

10주 동안 4개의 포트폴리오를
완성하세요

리액트 기초부터 NextJS 까지!
총 55시간 강의. 포트폴리오 4개.

10주 동안 완성합니다. 혼자서는 어렵지만.
함께라면 가능하다구요!

초급

ReactJS로 영화 웹 서비스 만들기

왕초보를 위한 React

중급

타입스크립트로 블록체인 만들기

Typescript for Beginners

중급

React JS 마스터클래스

Typescript, Recoil, Framer Motion, Gatsby

중급

NextJS 시작하기

NextJS for Beginners

중급

[풀스택] 캐럿마켓 클론코딩

NextJS, Tailwind, PlanetScale, Cloudflare

10 주. 70 일.
55시간 강의
4개 포트폴리오
  • 언어: ReactJS, Typescript, NextJS
  • 완주하는 강의:
    • ReactJS로 영화 웹 서비스 만들기
    • 타입스크립트로 블록체인 만들기
    • ReactJS 마스터클래스
    • NextJS 시작하기
    • [풀스택] 캐럿마켓 클론코딩
  • 총 기간: 10주 (70일)
  • 완성하는 포트폴리오 : 무비 앱, 넷플릭스 클론, 베스트셀러 앱, 트위터 클론
Week 01~02ReactJS & Typescript 기초
리액트 요소를 직접 만들어보며 기초 개념을 학습하고 무비 앱을 만듭니다.타입의 종류, 클래스 생성과 인터페이스 등 타입스크립트 기초를 학습합니다.
무비 앱
Week 03~05ReactJS 마스터클래스
리액트 쿼리를 사용한 데이터 fetching 및 시각화를 배웁니다.다크모드. 애니메이션 구현 등을 학습하고 넷플릭스 클론을 제작합니다.
넷플릭스 클론
Week 06Next.js 14 기초 (2024⚡️)
최신 업데이트된 14 버전을 기준으로 Next.js의 핵심 개념을 빠르게 흡수합니다.App Router, Server Components 등에 대해 학습합니다.배운 내용을 토대로 베스트셀러 앱을 제작하고 Vercel에 배포합니다.
베스트셀러 앱
Week 07~10[풀스택] 캐럿마켓 클론코딩 (2024⚡️)
Next.js 14, Prisma, Tailwind, Vercel 등의 모든 스킬을 2024 최신 버전으로 학습합니다.서버 컴포넌트 및 서버 액션과 같은 Next.js 14의 최신 기능을 200% 활용하는 법을 배웁니다.인증, 권한 부여, 유저 프로필, 파일 업로드 등을 배우고 트위터 클론을 제작합니다.
트위터 클론

니꼬쌤이 가르칩니다

오직 스터디를 위해 제작된 니꼬쌤의 스페셜 챌린지!
검증된 명강의를 체계적인 시스템과 함께 집중 학습합니다.
니꼬쌤과 시작하세요.

Since2017
누적 수강생27만명+
총 조회수2,500만 이상!
단기간 고성장을 위한 핵심 강의 위주의 로드맵
스터디에서만 제공되는 퀴즈와 코딩 과제
니꼬쌤의 명강의를 200% 흡수하기!
#압도적_강의력#최신기술_ONLY
#찐_책임감#딱1명의_슈퍼강사

10주 후, 달라진 나의 모습은?

‘모르는 건 많은데 무엇을 공부해야 할지 모르겠다'
헤매던 날들은 이제 안녕 🖐

10주 후엔 복잡한 개념을 이해하고,
스스로 성장하는 습관을 가지게 될 거예요!

참가비 환급 이미지
참가비 환급

꼭 완주하시라고, 10주 완주 시 스터디 참가비를 ‘환급’해드립니다!

찐한 커뮤니티 형성 이미지
찐한 커뮤니티 형성

소속감을 느끼면서, 같이 코딩하고, 고민을 공유할 수 있는 찐친 스터디 멤버들이 생깁니다.

포트폴리오 완성 이미지
포트폴리오 완성

스스로의 힘으로 구현한 3개의 포트폴리오가 생깁니다.

독학 스킬 레벨업 이미지
독학 스킬 레벨업

매일 코딩하는 습관이 생기고, 주도적으로 독학하는 스킬이 생깁니다.

💜 스터디원과 함께한 사진들

#웹기초🚀
#리액트🌟
#플러터⚡️
#종강회🎉
#모각코💻
#뒤풀이🍕

💜 디스코드 멤버 인터뷰

💜 졸업작품 및 찐 후기

스터디 정원50명
스터디 기간
신청 기간 선착순 마감

가입 또는 로그인을
하셔서 챌린지에 참여하세요!

Join Now!

10주간 매일 몰입하며 함께 성장하는 특별한 경험.
개발에 진심인 사람들만 모인 스터디에서 지금 함께해요!

10주 멤버십 33,333
6개월 할부 33,333

FAQ

 

유의사항

  • 스터디 참가비에 강의비는 불포함 입니다.
  • 강의비는 ReactJS 마스터 클래스(12만원), 캐럿마켓 클론코딩(36만원)으로, 강의를 구매하지 않은 참가자의 경우 총 비용은 (강의비 + 스터디 참가비) 68만원 입니다.
  • 참가 신청 후 지원서를 반드시 꼼꼼하게 작성해주셔야합니다.
  • 10주 완주 성공시, 소정의 운영비를 제한 참가비(15만원)가 환급됩니다.

🌟 한눈에 보는 10주 스터디 🌟

  • 백문이 불여일견! 10주 동안 어떻게 공부하는지 궁금하다면 지난 기수의 졸업 앨범을 확인해 보아요. 😎
notion image

프로그램 관련 문의

⭐졸업 작품을 미리 보고 싶어요!
10주 동안 만들게 될 나만의 포트폴리오!
🔽 이전 기수 멤버들의 우수 졸업작품과 후기를 확인해 보세요! 🔽

🌟리액트 10주 스터디 : 우수 졸업작품🌟

notion image
ReactJS는 처음인데 참여할 수 있나요?
ReactJS를 전혀 몰라도 자바스크립트에 대한 이해가 있다면 충분히 수강하실 수 있어요!
단, 미리 예습은 필수이며 10주 동안 매일 최소 2시간 이상 몰입할 수 있는 시간이 있어야 합니다.
코딩을 전혀 해본 적이 없어도 참여할 수 있나요?
기본적인 웹 개발과 자바스크립트에 대한 이해가 있는 분들만 참여하실 수 있습니다. 코딩을 전혀 해본 적이 없다면 ‘웹 기초 10주 스터디’에 참여해 주세요.
모든 과정이 온라인으로 진행되나요?
네! 강의, 미션, 챌린지, 주간회의, 과제 제출 모두 온라인으로 진행됩니다. 강의 수강 및 과제 제출은 편한 시간에 자유롭게 하실 수 있습니다. 일일 과제를 제출하면 출석이 완료되며. 미제출시 결석 처리 됩니다.
주간회의 및 오프라인 모임 참석은 필수인가요?
주간회의는 매주 목요일 오후 8시에 진행되며 모임 참석은 필수 요건이 아닙니다. 부담없이 선택적으로 참석하시면 됩니다.
직장생활/학업과 병행할 수 있나요?
이전 기수 모두 참석자의 70% 이상이 직장인 또는 학업과 병행하시는 분들이셨어요. 본인 시간관리를 잘 하시면 충분히! 병행해서 스터디 참여 가능합니다.
해외에서도 참여가 가능할까요?
모든 스터디마다 해외에서 참여하시는 분들이 계셨어요! 주간회의와 오프라인 모임은 필수가 아니니, 챌린지 제출을 성실하게 해 주신다면 충분히 졸업하실 수 있고, 환급도 가능해요!
총 몇 명 정도가 참여하나요?
정원은 약 50명! 선착순 마감되니까 서둘러주세요 :)
10주 스터디 프로그램은 어떻게 구성 되어있나요?
ReactJS 기초 + Typescript 기초 + ReactJS 마스터클래스 + NextJS 기초 + 캐럿마켓 클론코딩을 10주 스터디 스케줄에 맞추어 구성했습니다.
타입스크립트 챌린지는 2주가 아니라 1주인가요?
10주 스터디의 타입스크립트 챌린지는 기존 타입스크립트 챌린지에서 핵심만 요약하여 1주 스케쥴로 진행됩니다. 다른 챌린지 또한 기존 챌린지에서 일부 조정되어 진행됩니다. 자세한 내용은 아래의 주차별 커리큘럼을 확인해 주세요.
캐럿마켓 클론코딩은 이번에 업데이트 된 🌟 NextJS 14 버전 🌟으로 진행되나요?
네, NextJS 기초 챌린지캐럿마켓 클론코딩 챌린지2024 최신 업데이트⭐에 따라 NextJS 14 버전으로 진행됩니다. 특히 캐럿마켓 클론코딩 챌린지는 Next.js뿐만 아니라, Prisma, Tailwind 등의 모든 스택 또한 최신 업데이트가 반영된 2024 버전🔥으로 진행합니다.
자세한 주차별 커리큘럼을 알고싶어요.
*주차별 커리큘럼은 상황에 따라 변동될 수 있습니다.

1주차[ReactJS 기초 #1.1 - #7.10]

  • 첫번째 리액트 요소를 직접 만들어보며 리액트 기초 개념을 학습합니다.
  • React Hook을 사용할 수 있습니다.
  • 간단한 투두리스트와 코인트래커를 만들어 봅니다.
  • 리액트 라우터와 파라미터를 학습합니다.
  • 그동안 배운 내용을 종합하여 무비앱을 만든 후 배포합니다.

2주차[Typescript 기초 #1.5 - #4.5]

  • 타입스크립트 기초, 타입의 종류에 대해 학습합니다.
  • 클래스 생성과 인터페이스를 학습합니다.

3주차[ReactJS 마스터 #2.0 - #5.11]

암호화폐 시세 트래커 만들기
  • 스타일드 컴포넌트를 이용해서 리액트에 스타일 적용.
  • 기본적인 타입스크립트 학습.
  • 리액트 쿼리를 사용한 데이터 fetching 및 데이터 시각화.

4주차[ReactJS 마스터 #6.0 - #8.16]

트렐로 클론 만들기
  • 리코일을 이용한 리액트 전역 상태 관리 학습.
  • 다크모드 적용.
  • 리액트를 이용해서 드래그앤 드랍으로 카드 순서 바꾸기, 카드 추가하기 등 협업툴에 필요한 기능 구현.
  • Framer를 사용해서 애니메이션 만들기.

5주차[ReactJS 마스터 #9.0 - #9.15 - 졸업작품]

  • 배운 것을 모두 합쳐 넷플릭스 클론 제작 및 배포합니다.

6주차[NextJS 시작하기 #1.1 - #3.8]

  • Next.js 14버전에서 실제 제품 단계 수준 (Production-ready) 애플리케이션 빌드하는 법을 배웁니다.
  • App Router, Navigation, Layout, Client & Server Component 개념을 학습합니다.
  • Next.js에서 Data Fetching, streaming, suspense, loading fallback 하는 방법을 배웁니다.

7주차[캐럿마켓 클론코딩 #3.0 - #3.13]

모던 레이아웃 3개를 테일윈드로 클론해보고 거의 대부분의 웹사이트에서 사용하는 폼을 만들어 넣어봅니다.
  • Tailwind CSS로 아름다운 UI를 순식간에 빌드해봅니다.
  • forms, 반응형 디자인, 다크모드, state 및 모든 것을 위한 modifier를 학습합니다.

8주차[캐럿마켓 클론코딩 #4.0 - #8.13]

  • zod, Server Actions 등을 사용하여 로그인, 회원가입 및 프로필 페이지를 구현합니다.
  • Prisma ORM(Object Relational Mapping)을 사용해 프로젝트에 DB를 추가합니다.
  • Middleware, Prisma, iron-session 등을 사용해 user authentication을 구현합니다.

9주차[캐럿마켓 클론코딩 #10.0 - #14.5]

  • 외부 패키지를 설치하지 않고 서버 액션을 이용해 무한 스크롤링을 구현하는 방법을 배웁니다.
  • zod나 server action을 react hook form과 같은 패키지와 결합하는 방법을 배웁니다.
  • Intercepting route(인터셉트 경로)를 이용해 form을 더 interactive하게 만듭니다.

10주차[캐럿마켓 클론코딩 #복습 - 졸업작품]

배운 것을 모두 합쳐 트위터 클론을 만들어 봅니다.
  • 사용자는 계정을 만들고, 로그인을 하고, 트윗을 포스팅하고 트윗에 라이크를 누를 수 있어요.
  • Tailwind CSS를 사용해서 트위터 UI와 거의 똑같이 UI를 만들어 봅니다.
각 챌린지를 완주할 때마다 받는 혜택은 동일한가요?
  • 노마드 10주 스터디 전용 챌린지는 쿠폰이나 뱃지가 발행되지 않습니다 (ReactJS 기초, NextJS 기초)
  • Typescript 기초 챌린지는 완주시 10% 쿠폰 및 뱃지를 드립니다.
  • ReactJS 마스터 클래스, 캐럿마켓 클론코딩 챌린지는 완주시 30% 쿠폰 및 뱃지를 드립니다.
이미 일부 챌린지를 완주 했는데 또 참여해도 되나요?
가능합니다👌 완주한 챌린지라도 한번 더! 그러나 이 경우, 챌린지 완주 혜택(쿠폰)은 제공되지 않습니다.
스터디 진행 도중에 탈락되는 경우도 있나요?
네! 스터디는 총 8회 결석이 허용되고, 9회 이상 결석시 자동 탈락되며 일일 과제 등을 조회할 수 없게 됩니다. 또한, 챌린지 출석 기준 미충족시 챌린지 완주 혜택은 받을 수 없습니다.
예) ReactJS 마스터클래스 결석 2회 → 스터디 맴버십 유지 → 완주 후 30% 쿠폰 미발행
스터디 등록 신청은 언제까지 인가요?
선착순 마감 ⚡️ 입니다. 정원 (50명)이 도달하면 마감되니까 서둘러주세요. 이전 기수 모두 조기 마감되었습니다.

결제 관련 문의

스터디 참가비는 얼마인가요? 강의비는 얼마인가요?
스터디 참가비는 20만원 입니다. 스터디 참가비에는 강의비는 불포함 입니다. 강의비는 ReactJS 마스터 클래스(12만원), 캐럿마켓 클론코딩(36만원)으로, 강의를 구매하지 않은 참가자의 경우 총 비용은 (강의비 + 스터디 참가비) 68만원 입니다.
스터디 환급 조건은 무엇인가요?
  • 총 4개의 졸업과제(ReactJS 기초 + ReactJS 마스터 + NextJS 기초 + 캐럿마켓 클론코딩) 제출
  • 졸업과제 코드리뷰 4회 참여(졸업작품 코드 업로드+댓글 리뷰)
  • 10주 주간회고록 작성
  • 위 3가지 조건을 전부 달성하면 환급됩니다.
(*타입스크립트 챌린지 졸업과제는 환급 조건에 포함되지 않습니다.)
스터디 환급 조건 충족시 어떤 혜택이 주어지나요? 얼마가 환급되나요?
환급 조건을 달성하여 완주 성공시, 소정의 운영비를 제한 참가비(15만원)가 환급됩니다.
일부 강의만 구입해도 스터디 참여가 가능한가요?
아니오. 스터디 참여를 위해서는 필수 강의 (ReactJS 마스터클래스 + 캐럿마켓 클론코딩)를 반드시 구입하셔야 합니다.
스터디 결제 시 쿠폰을 사용할 수 있나요?
쿠폰은 강의 결제시⭕️ 에만 사용할 수 있습니다. 스터디 참가비 ❌ 에는 쿠폰을 사용할 수 없습니다.
계좌 이체 가능한가요?
  • 네, 가능합니다.
  • 결제 페이지에서 실시간 계좌이체를 선택하여 결제해주시면 됩니다.
 

취소 및 환불 정책

리액트 10주 스터디 환불 정책은 아래와 같습니다.
  • 스터디 비용(20만원)은 10월 6일 자정까지 100% 환불이 가능합니다. 그러나, 시작 이후에는 환불이 불가합니다.
  • 수강료는 스터디 시작 후에도 환불이 됩니다. 해당 비용의 환불 기준이 되는, 수강기간은 각각 ReactJS 마스터 클래스 (30일), 캐럿마켓 클론코딩(60일)입니다.
  • ReactJS 마스터 클래스 (수강기간 : 30일 | *10월 7일 ~ 11월 5일)
  • 캐럿마켓 클론코딩(수강기간 : 60일 | *10월 7일 ~ 12월 5일)
notion image
  • 환불 의사를 밝힌 다음 날부터(영업일 기준) 반올림으로 계산하여 환불합니다. 반환 사유 발생 시 5일(영업일) 이내 환불됩니다.
 
 
스터디 신청하기