코스 이미지

[스터디/5기] React 개발자를 위한 코드리뷰 스터디

9/24(목) 시작일정이 맞지 않다면 대기자 신청 을 해주세요. 쿠폰과 함께 가장 먼저 연락드리겠습니다.

코드 리뷰로 배우는 리액트!

실무에서 더 나은 코드를 실현하고픈 모든 리액트 사용자들에게 추천합니다.

페이스북 클론 프로젝트를 진행하며 최대한 실제 개발팀의 상황과 유사한 미션을 부여합니다.

코드리뷰를 통해 나의 코드 단점도 빠르게 잡고, 풍부한 피드백을 함께 나눠요.

그러한 과정에서 리액트 개발자가 매일 고민해야 하는 것들, 길러야 하는 스킬을 안내합니다.

운영자의 과정 소개 영상을 확인해보세요. 페이지에는 다 설명하기 어려운 내용들이 담겨있습니다! (좀 길어요)

🗓 SCHEDULE 일정

  • 스터디 시작: 2020-9-24(목)
  • 스터디 종료: 2020-10-29(목) 총 4주 *추석 10/1 휴무
  • 문의사항: 우측 하단의 채팅 상담 이용
  • 준비물 및 사용 프로그램:
  • 개인 노트북

    Windows, MacOS 상관 없음
  • Slack

    실시간 채팅 및 Q&A
  • GitHub

    미션 제출 및 코드리뷰
  • School

    프로그래머스 스쿨

🤷 TARGET 참여 대상자

사전 필요 지식

본 과정은 튜토리얼 내용을 기본적으로 숙지한 상태에서 시작하는 것이 가장 좋습니다. 아예 리액트를 '완전히 처음' 접하는 경우에는, 첫 미션 수행과 동시에 리액트 자체에 대한 튜토리얼도 병행해야 하기에 본인이 느끼는 부담이 클 수 있습니다.

  • 리액트, 리덕스 튜토리얼 떼고 오기. 튜토리얼이 그리 길지 않습니다. 조금만 시간을 내서 리액트와 리덕스가 대략적으로 어떤 기술인지 파악하고 참여하세요. 미리 워밍업을 하고 참여하는게 스스로에게 더 남는게 많습니다!
  • 리액트 공식 튜토리얼: 양이 그렇게 많지 않으니 끝까지 따라해보세요.
  • 리덕스 공식 튜토리얼: Basic 까지 다 보시고, Example: Todo List 까지 실습해보세요.
  • 이런 컴포넌트 구성이 최선일까? 고민하는 분

    컴포넌트의 설계의 가장 중요한 부분은 '역할을 정의' 해주는 부분이라는데, 누가 어떻게 짜느냐에 따라 방법이 다양할 수 있어 뭐가 최선인지 감을 잡기가 어려워요.
    그냥 나 편한대로 컴포넌트를 쪼개는게 아니라, 서비스의 특징을 이해하고, 확장성 있게 쪼개는 실무적 방법을 알아가도록 해요!
  • 리액트 기초 이상을 원하는 분

    튜토리얼은 다 따라해봤고, 이제 리액트를 실전에서 활발히 쓰는 실무자들이 각종 사례가 궁금한 분들은 리더들에게 마음껏 조언을 구하세요.
    그리고 같은 미션을 나와 다른 방식으로 구현한 동료 스터디원들의 코드를 마음껏 뜯어보며 기간 대비 많은 인사이트를 얻어보세요.

💯 이전 스터디원들의 후기도 확인하세요!

  • 수강생 J 3기

    단 시간에 많은 성장을 한 밀도 높은 4주간의 스터디

    리액트와 관련된 프론트엔드 기술을 독학하면서 한계를 느끼고 있었습니다. 원하는 것을 동작하게 만들 수는 있게 되었는데, 이렇게 만드는 게 좋을까? 라는 고민이 드는 부분이 점점 늘어나고 있던 상태였습니다. 다른 사람과 이야기를 나누거나 도움을 받으면 좋은 시기일 것 같은데, 실무에서 사용하는 것도 아닌데다 주변에 도움받을 만한 사람이 마땅히 없어서 막막하던 차에 스터디를 발견하고 신청했습니다.

    사실 독학한 내용이 많은 첫 주는 얻어갈 게 많지 않을 거라 생각했었는데요, 그렇지 않았습니다. 기능이 동작하도록 구현하고 나면 스타일과 모듈화의 범위, 가독성 등 작업물의 다음 단계로 생각해볼 내용을 담은 피드백을 받았습니다. 마치 실제로 존재하는 좋은 기술 조직에 신규 인원으로 들어가서 친절한 멤버에게 상세한 피드백을 받으며 일하는 것 같은 경험이었습니다.

    그걸 체감하니 욕심이 들었습니다. 시도하는 만큼 얻어 갈 수 있는데 리스크가 없으니 이만한 공부 조건을 또 언제 갖출 수 있을까 싶더라구요. 그렇게 마음껏 시도하고 실수를 저지르면서 매 주 미션 작업을 했고, 그때마다 적절한 리뷰 피드백을 받았습니다. 밀도 높은 4주간이었어요. 최근 이 시기만큼 단시간에 많은 성장을 해냈다는 체감을 한 적이 없네요.

    J(3기)
  • 수강생 steven

    4주라는 기간이 짧아보이지만, 역량을 키우기엔 충분했어요.

    저는 비전공자이고 독학으로 개발자가 된 케이스인데요. 현재 업무도 홀로 하고 있어서, 같은 주제를 함께 고민하고 학습할 수 있는 기회를 갖고 싶었습니다. 이 스터디에서 결과물을 만들고 피드백을 주고받는 과정은 단순한 기술의 습득을 넘어 여러 개발자의 다양한 시각과, 같은 문제에 대한 여러 해결방안을 경험할 수 있는 좋은 기회가 되었습니다.

    리더분들의 피드백을 통해 지금보다 더 효율적인 방안, 더 나은 해결방법은 무엇이 있는지 다시 생각해보면서 많은 것을 배울 수 있었습니다. 이 스터디는 개인의 노력 여하에 따라 기간 대비 개발자의 역량을 크게 향상시킬 수 있는 기회가 된다고 생각합니다.

    Steven(2기)
  • 수강생 코알

    일반 강의와 다르게 직접 몸으로 부딪히며 많이 배웠습니다!

    React 기초는 알고 있지만 구조를 어떻게 잡아야 할지, 어떻게 응용해야할지 막막할 때 아주 유용한 스터디가 될 것 같습니다. 기본 지식을 알려주는 강의 형식이 아니라, 주차별 미션을 수행하는 데에 필요한 개념 정도를 가이드하고 실전에서 접할만한 문제를 직접 풀어보는 방식이기 때문에 몸으로 직접 배울 수 있어서 머릿속에 잘 남게 됩니다.

    일반적인 강의와는 다르게 모르는 것도, 심지어 스터디에서 다루는 내용과 거리가 있는 질문이라도 물어볼 수 있었던 것이 가장 큰 장점인 것 같습니다. 열정적인 스터디 리더분들이 코드를 아주 꼼꼼하게 읽어주시고 리뷰를 진행해주셔서 값진 경험을 얻었습니다. 감사합니다.

    코알(1기)

프론트 / 백엔드 가리지 않고 풍부한 웹 개발 경험을 쌓아온 두 명의 리더에게 아낌없는 피드백을 얻으세요. 코드리뷰를 통해서도, 또 슬랙을 통해서도 다양한 의견을 얻을 수 있습니다.

🤵 LEADER 스터디를 이끄는 사람들

스터디 리더 해리
Harry 현 금융 IT분야 웹 개발자

해리는 다년간의 웹 개발 경험을 쌓으며 프론트엔드, 백엔드 가리지 않고 많은 것을 경험해온 개발자입니다. 이번 스터디에서는 코드리뷰 뿐만 아니라 온라인 세션 진행을 담당하며, 다양한 React 실무 경험이 있어야만 들려드릴 수 있는 조언을 아낌없이 드릴 예정입니다.

  • 현) 싱가포르 소재 핀테크 스타트업 개발팀장
  • 전) 국내 Top 디지털뱅크 시니어 소프트웨어 엔지니어
  • 전) 실리콘벨리 소재 스타트업 시니어 소프트웨어 엔지니어
  • 전) 국내 Top 통신사 시니어 소프트웨어 엔지니어
  • 다수의 자바스크립트 관련 도서 저자 활동 및 강연

스터디 코드리뷰를 함께할 두 명의 리뷰어

여러 명의 시각이 보태질 때, 코드리뷰 내용은 더욱 풍부해집니다. 리더와 리뷰어 뿐만 아니라 모든 스터디원이 코드리뷰에 참여한다면 더욱 뜻깊은 학습 기간이 될거에요.

스터디 리더 로토
Roto (코드리뷰어) ODK Media front-end Lead

로토(실명: 김태희)는 프로그래머스의 '프론트엔드 개발을 위한 자바스크립트' 온라인 스터디를 운영해온 리더이자, 웹 개발 전반에 걸쳐 풍부한 경험을 가진 개발자입니다. 해리와 함께 리액트, JS, 그리고 개발자로 산다는 것 전반에 대한 풍부한 조언을 드릴 예정이며 1~4주차 전반적인 코드리뷰에 참여할 예정입니다.

  • 현 ODK Media, Inc. 개발자
  • Streami Inc. 리드 엔지니어
  • SMARTSTUDY, Coupang 소프트웨어 개발자
스터디 리더 진
JIN (코드리뷰어) 현 핀테크 스타트업 풀스택 엔지니어

진은 다양한 스타트업에서 프론트엔드와 백엔드를 넘나들며 폭넓은 경험을 갖췄습니다. 맨몸으로 부딪혀 배워온 React, JS에 대한 지식을 여러분에게 열린 마음으로 공유하고자 합니다. 1~4주차 전반적인 코드리뷰에 참여할 예정입니다.

  • 현) 핀테크 스타트업 풀스택 엔지니어
  • 전) 블록체인/글로벌 서비스 풀스택 엔지니어

👩‍💻 실무 웹 개발 팀 처럼 움직이는 스터디

여러분이 어떤 회사를 가던, 특수 케이스를 제외하고는 이미 운영 중인 서비스나 개발하고 있는 기능을 토대로 뭔가를 담당하게 될 것입니다.

이미 만들어져있는 소스코드를 읽고 이해하고, 결함이 있으면 빠르게 잡아내고, 직접 기여할 수 있는 주니어 개발자가 현재 시장에는 너무나도 절실합니다. 하지만 경험이 부족한 주니어가 그런 역량을 스스로 갖추긴 힘듭니다. 그 힘듦을 알기에, 여러분의 성장에 기여하고자 우리 스터디는 이렇게 진행합니다.

  1. 스터디 리더와 스터디원들 전체가 하나의 개발팀이라고 가정
  2. 리더들이 미리 준비해둔 페이스북 프로젝트를 기반으로, 조금씩 살을 붙여나간다
  3. 매 주 리액트를 쓰는 개발자(당신!)에게 떨어지는 기능 개발 업무(미션)을 수행한다
  4. 리더들의 기존 소스코드를 읽고 컨벤션을 맞춰가고, 지식을 습득하며 실무 스킬 업
  5. 상호 정기적 코드리뷰를 진행하며 프로젝트를 완성해나간다

⚙️ 페이스북 개발 미션 + 코드리뷰를 4주간 끊임없이!

리액트와 리덕스의 꿀조합과 Best Practice를 알려드리기 위해, 실무 레벨에 가까운 미션을 준비해두었어요.

스터디 진행을 위해 미리 웹 개발 프로젝트(Facebook) 소스코드를 준비해놨어요. 이를 토대로 시작합니다. 단순히 '리더를 따라서 똑같이 이런걸 만들어봐요' 과정으로 진행하지 않습니다.

스터디원은 4주간, 해당 프로젝트에 추가할 기능 & 기술적으로 보완해야 할 부분을 주간 미션으로 받고 스스로 개발합니다. 그리고 그 과정에서 계속 코드리뷰를 진행합니다. 리더가 둘이니, 조금 더 다양한 의견을 들을 수 있어 더욱 좋을 뿐만 아니라 다른 스터디원들의 구현 사례를 보며 팁을 얻기도 좋겠죠? (정원은 약 22명을 생각하고 있어요!)

  • 1) 매 주 진행되는 실시간 세션에 참여해 미션 설명, 기술 소개, 리더의 라이브 코딩 보기
  • 2) GitHub을 활용해, 실무 개발팀들이 쓰는 방식과 동일하게 코드리뷰 받기
  • 3) Slack을 통해 리더, 스터디원들과 질의응답하고 유용한 자료 공유하기
  • 4) 스터디 리더, 스터디원들과 힘내서 1~3을 5주 내내 반복 훈련하기

🗓 1주차(세션: 9/24 20:30~)

좋은 컴포넌트 설계란 무엇일까?
미션
  • ✅ 페이스북 클론 프로젝트를 바닥부터 세팅한다: Parcel 활용
  • ✅ 클론한 페이스북 프로젝트에 리액트 적용
  • ✅ 스타일 컴포넌트 적용
  • ✅ react-router로 로그인 페이지 연결(실제 로그인 기능은 아직 X)
  • ✅ 포스트 등록, 조회 기능 구현(서버와의 연동 X)
주요 포인트
  1. React 프로젝트 세팅: Parcel로 프로젝트 구성
  2. React 컴포넌트에 대한 재정리
  3. 스타일 컴포넌트
  4. 라우터 개념, 리액트 라우터

🗓 2주차(세션:10/8 20:30~)

리덕스(Redux) 붙이기
미션
  • ✅ 페이스북 클론에 상태관리를 위한 Redux 추가 및 Action, Store 설계
  • ✅ 포스트에 코멘트 달기 기능 추가
  • ✅ react-router-redux를 적용해보자
주요 포인트
  1. Hooks
  2. Redux 주요 개념
  3. react-redux 의 주요 개념
  4. react-router-redux

🗓 3주차(세션: 10/15 20:30~)

redux middleware 와 Formik(폼 처리) 적용
미션
  • ✅ 서비스 폴더를 추가하고 axios 를 사용해서 서버 API를 호출하는 서비스를 작성
  • ✅ 기존 글 작성, 글 목록 조회 기능을 서비스를 호출하는 비동기 작업을 수행하는 액션으로 전환
  • ✅ 글 작성폼과 코멘트 작성 폼에 Formik을 적용
  • ✅ 회원 가입폼에 Formik을 적용하여 Validation
주요 포인트
  1. middleware에 대한 소개와 Thunk를 적용하기
  2. Thunk 미들웨어에 대한 간단한 설명, 존재하는 다양한 미들웨어
  3. 서비스 개념
  4. axios
  5. Formik

🗓 4주차(세션: 10/22 20:30~)

redux-saga 를 활용한 비동기 처리
미션
  • ✅ 로딩 컴포넌트를 추가하고 비동기 작업시에 로딩 화면을 표시
  • ✅ 로그인 기능을 추가하고 로그인이 완료되면 프로필 컴포넌트가 표시되도록 작성
  • ✅ 저장된 토큰을 사용해서 인증 헤더를 담아 포스트/댓글 API 를 호출하도록 변경
주요 포인트
  1. generator 함수
  2. redux-saga, saga 패턴
  3. 인증 정보 처리를 위한 JSON Web Token
*세션이 뭐에요?: 매 주 목요일 동일한 시간에 모두 동시 접속하여, 주차별 미션 소개 & 개념 설명 등을 포함해 스터디에서 꼭 다뤄야 하는 내용을 화상 미팅 형태로 나누는 시간입니다. 실시간성이 중요한 세션이기에 가급적 모두 참여하는걸 권장합니다. 불참한 경우 녹화본을 보면 됩니다.

😘 선배 개발자들이 이 스터디 주제와, 리더를 추천해요!

리더가 아닌 다른 실무 개발자들도 이 스터디 내용과 진행 방식을 신뢰하고 있어요.

주변에서 알아서 추천하는 스터디 👍


  • 개발자 마크(이웅재)

    "리액트 문법을 익혀서 컴포넌트를 만드는 것 자체는 크게 어렵지 않습니다만, 규모가 있는 웹 어플리케이션을 만들다보면 컴포넌트 설계 방법과 사용 방식이 어려워지기 시작합니다. 결국, 이미 큰 규모의 리액트 기반 어플리케이션을 제작해본 경험이 있는 분들로부터 설계 노하우를 엿보고 배우는게 가장 좋다고 생각합니다. 충분한 경험을 갖춘 두 스터디 리더와 함께 유익하고 즐거운 스터디 기간을 보낼 수 있으리라 믿어요."

    마크(이웅재) ― StudioXID, Inc 개발자

💳 스터디 참여비

2020-9-24(목) ~ 2020-10-29(목), 4주 *추석 10/1 휴무

스터디 리더 Harry, JIN


이전 기수 스터디원들의 후기도 확인하셨나요?

온라인 카드결제(할부), 무통장 입금 모두 가능합니다.

할인은 늘 마감 기한이 있으니, 일정 확인해주세요!


💵

400,000원

정가: 400,000원

우리, 카카오톡 친구해요!

  • 프로그래머스 교육 카카오 채널을 만들었어요. 여기를 눌러, 친구 추가를 해주세요. 신규 교육 과정 소식은 물론 다양한 이벤트 소식까지 가장 먼저 알려드립니다.

💯 생생한 후기 더 보고 가실까요?

  • 수강생 황준일 5기

    프론트엔드에 관심이 많은 개발자로서, 리액트에 대한 갈증이 무척 심한 상태였습니다. 그러던 중 이 스터디에 참여하게 되었고, 혼자서는 절대 깨우칠 수 없는 내용들을 많이 얻을 수 있었습니다. 단순하게 React, Redux라는 기술에 대해 다루기보단 이러한 기술들이 가지고 있는 철학과 원리에서부터 접근하기 때문에 굳이 React와 Redux를 사용하는 게 아니더라도 스터디에서 배운 내용을 통해 실무에 적용할 수 있는 부분이 많이 있었습니다.

    무엇보다 "Harry"라는 개발자를 알게 되었 다는 것에 감사합니다. 이렇게 다양한 분야(프론트엔드, 백엔드, 데이터)에서 깊이 있는 서비스를 만드는 개발자를 만나 기술에 대한 이야기뿐만 아니라 앞으로의 삶에 대한 이야기도 나눌 수 있어서 좋았습니다. 그리고 유쾌한 운영진과 험난한 미션 수행 과정을 통해서 전우애(?)를 나눌 수 있는 유능한 스터디원까지 갖춘 스터디여서, 힘든 순간도 있었지만 즐겁고 유익한 시간이었습니다. 이러한 스터디에서 공부할 수 있게 잘 운영해 주신 프로그래머스 매니저 및 리더분에게 압도적 감사를 전합니다!

    황준일(5기) - 줌인터넷 포털 서비스 개발자
  • 수강생 정상협 5기

    React를 실무에서 사용하고 있지만, 회사의 코드 베이스에 맞춰서 개발을 하고 있기 때문에 내가 정말 React를 잘 사용하고 있는 건지, 다른 사람들은 어떻게 사용하는지 알기 위해서 참여하게 되었습니다.

    가장 좋았던 것은 한 문제를 해결하기 위해서 여러 사람들이 다양한 방법을 시도하고 해결하는 것을 볼 수 있었던 것입니다. 개발 실력을 향상하는 데 있어서 개발을 많이 하는 것도 중요하지만 다른 사람의 코드를 보는 것이 이렇게 중요한 것인지 다시금 알게 되는 시간이었습니다.
    두 번째는 일주일마다 주어지는 과제를 하면서 혼자 고민해 보고 해결해보는 시간이 이번 스터디에서 가장 많은 것을 배운 시간이었습니다. 이 스터디에서 세션만 듣는다고 해서 실력이 늘지는 않더라고요. 직접 부딪혀 코드를 짜고 고민을 하는 시간들을 겪으면서 제대로 배워갑니다.
    마지막으로 개발자가 갖추어야 하는 것들은 무엇인지, 앞으로 어떻게 하면 더 좋은 개발자가 될 수 있는지에 대한 방향성에 대해서 리더의 경험을 바탕으로 다양하게 얘기할 수 있었던 것이 너무 좋았습니다.

    정상협(5기) - 프론트엔드 개발자
  • 수강생 이다영 5기

    우물 안의 개구리가 세상 밖으로 나온 기분입니다! React / Redux 스터디인 만큼 당연히 그것에 공부도 되었지만 폴더 구조나 함수, 변수명 하나하나 신경 써서 네이밍하고 관리하는 기본적인 것들도 배워 갈 수 있는 점이 너무 좋았습니다. 무엇보다 리더 해리의 '짜다 보니 구현이 된 코드'가 아니라 '처음부터 어떻게 짜야지 깔끔한 코드를 구성할 수 있을지에 대한 고민이 들어간 '아름다운 코드'를 볼 수 있다는 점, 다른 스터디원들의 코드를 맘껏 보고 공부할 수 있다는 점이 가장 좋았습니다. 저 같은 경우 미션을 진행하는 것 자체도 도움이 되었지만, 다른 스터디원 그리고 코드 리뷰를 도와준 로토, 진과 코드를 분석해보고 클로닝도 해보고 했던 시간들이 도움이 많이 되었습니다.

    이다영(5기) - 취업 준비생
  • 수강생 임태현 5기

    저는 개발엔 정답이 없다고 생각합니다. 하지만 아이러니하게도 항상 정답을 찾으려고 노력을 하죠. 제 경우엔, 제가 작성한 코드와 다른 답이 있을 거라고 생각했고, 이 스터디에서 다양한 답을 발견했습니다.

    매주 주어지는 과제를 통해 다양한 접근을 시도를 할 수 있었고 현업자분들의 피드백을 통해 식견을 넓힐 수 있습니다. 그리고 다른 스터디원의 코드를 보면서 다방면으로 사고를 할 수 있어서 더 성장할 수 있습니다.

    임태현(5기) - NTS 개발자
  • 수강생 권영근 3기

    리더가 직접 작성한 코드를 보며 인사이트를 얻어갈 수 있어서 좋았어요!

    리액트를 처음 접했을 때 사용하는 방식이나 외부 라이브러리가 너무 다양해 혼자 공부하는데 시간이 많이 걸렸습니다. 스터디에 참여해서, 피드백을 받다보니 혼자 공부할 때 보다 시간을 단축할 수 있었고 의문을 가지던 부분들도 빠르게 해소 할 수 있어 좋았습니다.

    사람들이 가장 많이 사용하는 비동기 관련 라이브러리 2가지를 전부 경험해보고 전환하는 과정을 직접 진행해볼 수 있어 도움이 되었고요.

    또한, 매주 진행하는 세션에서 제공되는 학습 자료도 만족스러웠습니다. 특히 과제가 끝난 후 본인이 작성한 코드와 비교해서 살펴볼 수 있게 리더가 직접 작성한 코드를 공유해 주는데요. 여기서 얻는 인사이트도 많은 도움이 되었습니다.

    권영근(3기)
  • 수강생 최송아 3기

    매주 미션을 통해 배운 것을 바로 적용해보니, 개념이 쏙쏙 정리되었어요

    리액트를 인터넷강의로 독학하면서, 실무에서 어떻게 활용할지는 알길이 없어 답답해 하던 차에 해당 스터디에 참여하게 되었습니다. 매주 미션 수행을 통해서 react 기능을 공부하고 바로 적용해 볼 수 있어서 기존에 공부했던 개념들을 제대로 이해할 수 있게 되었습니다. 이 점이 가장 도움이 많이 되었습니다.

    코드리뷰는 처음이라 익숙하지 않아 받기만 했지만, 다른사람들의 코드와 코드 리뷰도 함께 보면서 많이 배울 수 있었습니다. 개인적으로, 발전 없이 똑같은 직무만 수행해서 배움에대한 갈증이 있는 분들이 참여하셔도 정말 좋은 스터디인것 같습니다. 제가 그랬거든요 ^^;

    최송아(3기) 닐슨코리아 개발자
  • 수강생 FutureSeller(2기)

    예상한 것 보다 더 많은 것을 경험하고 얻었어요

    이 스터디에서 가장 인상깊었던건 Redux에 대해 심도있게 고민해보고 다뤄볼 기회를 얻은 점, 웹/JS의 기초와 철학을 짚어가며 진행되었던 점, 비동기적인 요청들을 핸들링하며 다양한 경험을 해볼 수 있었던 점입니다.

    스터디에서 진행하는 미션 외에도 현업에서 어떤 라이브러리를 선호하고 사용하고 있는지, 개발자로서 어떻게 성장해나가면 좋을지, 막연하지만 우리에게 꼭 필요한 이야기를 공유하는 값진 경험을 얻을 수 있었습니다!

    FutureSeller(2기)
  • 수강생 돤

    제대로 하고 있는 것인가에 대한 막연한 고민이 많았는데, 큰 도움을 받았어요

    사수가 없는 환경에서 일하고 있는데, '내가 잘 하고 있는건가?' 에 대한 의문이 들고 새로운 자극을 받고 싶어 참여했습니다. 결과적으로는 일하면서 해보기 힘든 고민을 해볼 수 있었고, 향후 학습 방향을 잡는 데도 도움이 되었습니다.

    그간 Redux 공식 문서를 Redux 사용 안내서 정도로만 생각했는데, 주간 세션에서 문서에 프론트엔드의 철학이 많이 들어 있다는 이야기를 들었습니다. 그래서 문서를 열심히 읽어보기 시작했고 많이 배웠습니다. 또 저는 TS, React, Redux, Redux-saga를 현업에서 쓰는데 과제에서 요구하는 스택은 JS, React, Redux, Redux-thunk 여서 다른 스택을 비교해보는 경험을 할 수 있었어요. 뭐가 다르고, 장단이 무엇인지 생각해보는 것이 재밌었습니다. 리더분들이 미리 작성해둔 과제 베이스 코드와 다른 스터디원들의 코드를 보면서 다양하게 영감을 얻을 수도 있었고요.

    과제를 어서 해야겠다는 생각에 구현에만 급급했던 자신이 아쉽긴 합니다. 다시 돌아간다면 구현한 컴포넌트의 책임 설계에 대해 스터디원들(+리더님들)과 적극적으로 이야기를 나눠볼 것 같아요. 리더분들 경험이 풍부해서 질문에 대한 답변을 무척 잘해주시는데 제가 활용을 잘 하진 못했다는 생각이 끝날 쯤에 들었습니다. 새로 등록하시는 분들은, 리뷰를 요청할 때 특히나 중점적으로 피드백을 받고 싶은 포인트를 꼭 노트에 서술해서 보내는게 좋겠습니다.

    돤(1기)
  • 수강생 니블

    혼자 공부하면서 한계를 느껴왔는데, 좋은 자극이 되었어요

    이직 준비를 위해 React 를 공부하고 있었지만 개념을 이해하는 데에 한계를 느껴왔고, 올바른 방향으로 하고 있는건지 알고 싶어서 과정에 참여했습니다. 사실 일과 함께 참여하다보니 다른 스터디원들에 비해 뒤쳐졌었지만, 리더분들이 미리 준비해두신 소스코드를 읽고 수정해 나가면서 어떤 코드가 더 나은 코드인가에 대한 생각을 해볼 수 있었습니다. 또 실무자들이 진행하는 과정이라 실제 사용 용례나 여러가지 썰을 솔직하게 들을 수 있어서 많이 얻고 갑니다.

    니블(1기)
  • 수강생 김나영(3기)

    코드 리뷰를 통해 많은 것을 얻을 수있는 시간이었습니다.

    사내에서 미들웨어를 리덕스 사가로 변경하면서, 어떻게 하면 좀더 효과적으로 사용할지 고민이 있었습니다. 그런던 차에 스터디를 알게 되었고, 여기서 효율적인 방법을 배우고자 신청하게 되었습니다.

    스터디를 진행하면서 리액트도 다시 되집어 볼 수 있었고, 최근에 리액트를 사용하는 트랜드 등도 알게 되어서, 전체적으로 리액트를 정리할 수 있게 되어서 좋았습니다.

    또한, 코드리뷰를 통해 많은 것을 얻을 수 있었습니다. 다른 분들의 코드를 파악하여, 리뷰를 하고, 좋은 자료를 함게 공유했던 시간들이 개인적으로 공부가 많이 되었던 것 갔습니다.

    김나영(3기) 케어랩스(굿닥) 개발자
  • 수강생 Jimmy(4기)

    리액트라는 프레임워크를 마스터하고 싶어서 여러 플랫폼을 통해 배웠습니다. 하지만, 계속 공부하면서도 제 실력에 대해 자신감은 커녕 오히려 부족함만을 느꼈습니다.

    지금도 많이 부족하지만 리액트 스터디를 통해 리액트안에서 꽤 어려운개념인 리덕스, 리덕스 썽크, 사가등을 다루면서 적어도 자신감은 생겼습니다.

    물론 쉬운 과정은 아니지만, 리더 해리의 섬세한 강의와, 교육 매니저인 에밀리 크리시의 열정적인 응원으로 끝까지 마무리해서 많이 배워갑니다!

    Jimmy(4기)
  • 수강생 임동준(4기)

    실제 업무에선 Vue위주로만 작업을 하다보니, 더 큰 생태계인 React에 대해 경험해보고 싶어서 신청하였습니다.

    스터디에서는 단순히 React 라이브러리의 사용 방법을 알려주는 것이 아니라, React에서 사용하는 기술과 도구들이 왜 등장하고, 어떤 원리로 동작하는지에 대한 원리를 알아가는 시간이었습니다.

    그러다 보니, 프론트엔드의 기본이라고 할 수 있는 자바스크립트에 대해서도 보다 깊이있게 학습할 수 있게 되었는데요. 특히, 평소에 고급 자바스크립트 개념으로만 알고있던 커링, 클로저 등의 개념들이 어떻게 더 나은 품질의 프론트엔드 개발을 위해 사용되는지 스스로 깨닫고 찾아나갈 수 있던 과정이었습니다.

    스터디를 통해 지식을 내 것으로 만들어 나갈 수 있는 방법을 배웠습니다. 쉽지 않은 과정이었지만 이제는 새로운 학습에 혼자서 도전할 수 있는 자신감이 생겼습니다.

    임동준, 프론트엔드 개발자(4기)
  • 수강생 손지호(2기)

    '더 잘 하고 싶다' 는 막연한 생각에 방향이 잡혔어요

    저는 React 튜토리얼 정도를 돌려본 상태였는데, 계속 더 깊게 공부하고 제대로 써보고 싶은 열망이 컸습니다. 그 때 제게 딱 맞을만한 스터디로 보여서 참여했구요.

    다루는 내용이 기초보다는 높은 수준이지만, 미션을 하다보면 자연스레 기본적인 것도 많이 얻을 수 있게 됩니다. Redux가 무엇인지, Redux-Saga와 같은 라이브러리도 대체 왜 필요한지 몸소 느끼게 되었고요. 그리고 앞으로 무엇을 더 공부할지 방향을 잡을 수 있어서 좋았어요.

    손지호(2기)

질문 & 답변