코스 이미지

[스터디/8기] 프론트엔드 개발을 위한 자바스크립트(feat. VanillaJS)

8/26(수) 시작하는 스터디 일정이 맞지 않다면 여기를 눌러 미리 대기자 신청 을 완료해주세요. 할인 쿠폰과 함께 가장 먼저 연락드릴게요!

프론트엔드 개발을 위한 자바스크립트 온라인 스터디

시니어 프론트엔드 개발자가, 아끼는 주니어에게 알려주고 싶은 스터디

4주간 스터디 리더가 당신의 성장을 위한 미션을 매 주 부여합니다.

실무 경험이 풍부한 리더가 당신의 코드를 직접 리뷰하고, 피드백을 나눕니다.

코드에 대해 더 풍부한 의견을 나누기 위해 리뷰어 두 명도 함께합니다.

자바스크립트에 영 자신이 없는 모두에게 추천할게요.

🗓 SCHEDULE 8기 일정

  • 스터디 시작: 2020-08-26(수)
  • 스터디 종료: 2020-09-23(수) 총 4주
  • 준비물 및 사용 프로그램:
  • 개인 노트북

    Windows, MacOS 상관 없음
  • Slack

    실시간 채팅 및 Q&A
  • GitHub

    미션 제출 및 코드리뷰
  • Zoom

    주간 실시간 세션

🤷 스터디 참여를 위해 필요한 지식

  • JS 기초

    기초라 함은 변수, 함수 선언하기, 조건문과 반복문 작성하기 등 통상적으로 프로그래밍 언어 기초를 배울 때 다루는 모든 영역을 의미합니다. 만약 JS 문법 자체가 생소하거나 새로 배워야 하시는 경우에는 부적절합니다. 또한, 위 내용을 머리로는 알지만 바로 말로 설명할 수 없거나 코드로 구현하지 못하는 경우에도 초반에 난항을 겪을 수 있습니다. 꼭 연습하고 참여하세요.
  • DOM, Ajax에 대한 이해

    본 스터디에서는 VanillaJS에 집중하기 위해, 화면을 그리는 코드 대부분 JS로 작성합니다. 이를 위해선 기초 문법도 중요하고 DOM에 대한 이해도 필요합니다. Ajax의 경우 개념 정도는 알고 있어야 도움이 됩니다.

이런 글도 미리 읽어보세요

아래 글을 읽는 것 조차 버겁다면 적절한 참여 대상이 아닙니다. 조금만 더 학습을 진행하신 뒤에 참여해주세요!

궁금한게 있어요!

프론트엔드 개발자를 위한 자바스크립트와 FE 취업 생존 키트,

저는 둘 다필요해 보이는데 뭘 하는게 맞나요?

🧑🏻‍💻 프론트엔드 개발자를 위한 자바스크립트 : 실무에서 웹 개발할때 프레임워크, 라이브러리만 주로 다루다 보니 기본적인 동작 원리가 헷갈려 JS 기본기를 강화하고 싶은 분

🧑🏻‍💻 FE 취업 생존 키트 : 현재 취업을 준비하고 있거나, FE 채용 시장의 트렌드가 궁금하여 실제 채용 과제를 풀어 보며 실력을 점검해보고 싶은 분

내가 아끼는 후배, 그리고 친구에게 추천하고 싶은 스터디

원래 이 분야는 변화가 잦아서 개발자는 평생 공부해야 한다고들 하지만... 프론트엔드는 그 변화의 주기가 더욱 짧습니다.

이것도 배워야 할 것 같고, 저것도 잘 해야 할 것 같은 홍수 속에서도 잘 성장하려면 견고한 기본기가 필요합니다. 우리 스터디는 그 기본, 즉 JavaScript 역량에 집중합니다.

👍 선배 개발자들이 이 스터디를 추천합니다!

  • 개발자 노경모

    프론트엔드 기술은 변화가 너무 잦고, 이런 혼란에 잘 대응하려면 순수 JS 역량이 무척 중요한 것이 사실입니다. 리더 김태희님은 기술을 잘 아는 것을 넘어 서비스에 적용하는 방법에 대한 인사이트가 많은 분입니다. 저도 주니어 개발자로서 도움을 받이 받아왔으니, 여러분도 인사이트를 많이 얻으실거에요.

    노경모 ― ODK Media 소프트웨어 개발자, GDG Korea WebTech 오거나이저
  • 개발자 이선협

    좋은 웹 프론트엔드 개발자라면 더 나은 사용자 경험을 일상적으로 생각해야 합니다. 그리고 더 나은 사용자 경험을 위해서 자바스크립트는 선택이 아닌 필수라고 생각합니다. 외부 라이브러리나 프레임워크에 의존하지 않고 JS로 개발해보는 경험은 분명 좋은 자산이 될거에요.

    이선협 ― Cobalt Inc. 풀스택 개발자, Vue.js Korea 운영진

💯 이 스터디를 거쳐간 사람들은 어떤 사람들?!

  • 수강생 김나영님

    다시금 JS의 원리와 기본을 탄탄히 다지고 가요!

    최근 맡은 프로젝트 대부분이 프레임워크, 라이브러리(주로 React) 의존성이 높아서, VanillaJS 감을 잃지 않기 위해 참여했었습니다. 제게 가장 크게 남은 것은 코드리뷰와 스터디 전반적인 분위기였습니다. 내 코드에 대해 여러 피드백을 받을 수 있어서 생각의 전환에 도움이 되었고, 제가 다른 스터디원들의 코드를 리뷰할 때는 어떻게 피드백을 주는게 좋을지 고민할 수 있는 기회도 외었습니다. 순수하게 JS로만 요구사항을 구현하면서 다시 한 번 JS의 원리와 기본을 리마인드할 수 있었습니다.

    김나영 ― 케어랩스(굿닥) 개발자
  • 수강생 민지수님

    신입 개발자로서 JS를 잘 모르는데 프론트엔드 업무를 맡게된 케이스입니다. React를 활용하며 업무를 진행했지만 스스로의 JS 기본기에 대해 계속 아쉬움을 느끼고 있었어요.

    스터디에서 서로 코드리뷰를 진행하고, 각자의 경험을 세션 시간에 공유하기도 하면서 함께 성장해나간다는 분위기가 제게 많은 동기부여가 되었습니다. 또 스터디에서 습득한 기술과 알게된 것들이 실제 업무상황에서 떠오를 때 뿌듯함도 있었어요. 스터디가 끝난 이후에도 서로 교류할 수 있는 커뮤니티를 얻은 듯 해 좋습니다!

    민지수 ― 프론트엔드 개발자
  • 수강생 mopsy님

    최근 이직을 하면서 조직 내 개발자가 혼자 뿐인 상황이 되었는데, 디자이너에서 FE 개발자로 전향한 기간이 길지 않다보니 코드에 대한 조언이 많이 필요한 시점이었어요. 아무래도 제가 웹 기술에 대한 베이스도 깊지 않고, React나 Vue 등 라이브러리나 프레임워크 중심의 실무만 하다보니 항상 VanillaJS에 대한 막연한 두려움과 아쉬움이 있었는데요. 이번 스터디에서 로토, 제프리, 루카스의 코드리뷰를 통해 내가 주로 어디서 많이 실수하고 어떤 것을 자주 놓치는지 다시금 발견하는 계기가 되어 좋았습니다. 또 저 말고 다른 스터디원분들의 코드와 질문에서 미처 생각해보지 못한 부분에 대해 알 수 있게 된 것도 좋은 소득이었네요! 더 심화된 스터디도 있었으면 좋겠습니다!

    mopsy(4기) ― ㅍㅍㅅㅅ, 프론트엔드 개발 및 디자인
  • 수강생 권영근님

    프레임워크나 라이브러리 없이 개발해야 하는 상황에 처했던 적이 있었는데, 그 때 내가 모르는게 참 많구나 하는 것을 느껴 참여하게 되었습니다.

    자신의 코드에 항상 '이게 최선인가' 의문을 가지는 것이 중요하다고 생각하고 있긴 했지만, 피드백을 받기 어려운 환경이라서 늘 의문만 가진 상태였고, 그러다보니 스스로의 코드에 대한 자신감이 낮았었습니다. 그러나 스터디에서 코드리뷰를 진행하며 피드백을 받고, 같은 미션을 수행해도 다들 코드가 다르고 생각이 다르다는걸 알게되니 점점 자신감이 붙었습니다. 이젠 어떤 프레임워크나 라이브러리를 접하더라도 비슷해 보일 정도로 JS에 대한 이해도가 높아졌어요!

    또 리더들 뿐만 아니라 스터디원들 중에도 현업에 있는 분들이 많아서, 개발 전반에 대해 얻을 수 있는 조언이 많았습니다. 저처럼 개발자를 만날 기회가 적은 분들은 이런 부분에서도 큰 도움이 될 것 같아요.

    권영근(5기)
  • 수강생 임동준님

    요즘 주로 혼자 개발하는 시간이 길어지면서 기본적인 JS 설계 복습과 협업 능력을 기르고자 스터디에 참여했었는데요. 기대한 것 이상의 경험을 얻을 수 있었습니다. 세 리더는 단순히 코드에 대한 피드백만 전하는게 아니라 본인들의 성장과정에 대한 이야기도 나눠주었고, 이를 통해 스터디원들이 가진 여러 고민간의 행간을 채우는 경험을 할 수 있었습니다. 그들과의 유쾌하고 진중한 소통 덕분에, 이 경험을 지속하고 더욱 성장하고 싶은 마음이 들어 저 스스로 코드리뷰 스터디를 만들어 진행해보고 있습니다. 이번에 참여한 스터디에서 만난 분들과 더 오래가는 커뮤니티 겸 스터디를 만들어나가는 것이 목표입니다! (들어오시면 함께 해요)

    임동준(4기) ― 프론트엔드 개발자
  • 수강생 김지은님

    개발자로서의 발전과, 커뮤니티 모두 얻었어요

    평소 제게 가장 필요한 것은 코드리뷰, 피드백, 그리고 JS 기초였고 이번 스터디를 통해 그것들을 채워나갈 수 있을 것 같아 참여했습니다. 가장 크게 기억에 남는 것은, 같은 과제를 여러 명이 해결하는 과정에서 코드리뷰가 진행되고, 다양한 생각과 지식을 공유하며 발전했다는 것입니다. 또 다른 사람의 코드를 어떻게 리뷰하고 피드백을 남길지 막막했었는데 지금은 어떻게 접근해야할지 알게 되었어요. 처음엔 많이 어려웠지만, 스터디 후반부에서는 VanillaJS로 요구사항을 구현하는 데에 있어 자신감이 붙었다는걸 느꼈습니다. 이번 스터디를 통해 코드를 짜는 생각의 깊이와 범위가 넓어진 것 같고, 코드리뷰를 통해 코드도 많이 개선되었습니다.

    김지은 ― 프론트엔드 개발자
  • 수강생 김지훈님

    드넓은 프론트엔드 생태계 속에서 방향성을 잃지 않고자 스터디에 참여했었습니다. 코드리뷰를 통해 다른 스터디원들과 리더가 어떤 인사이트를 갖고있는지 알 수 있었고, 이를 통해 제 나름대로의 로드맵을 만들어 갈 수 있어서 좋았습니다.

    스터디 외적으로도 (다른 기수분들을 포함해)끊임없는 소통과 교류를 통해 개발자라는건 어떤 사람이고, 어떻게 성장해나가야 하는지 등 현실적인 고민에 대해 얘기를 나눌 수 있어 많은 도움이 되었습니다.

    김지훈(2기)

🤵 LEADER 스터디 리더

경력이 풍부한 프론트엔드 개발 선배가 이끌어주는 스터디
스터디 리더 김태희님
김태희 리더 ODK Media front-end Lead

스터디에 들어올 때는 누구나 열심히 해보겠다는 결의를 하지만, 중간중간 내가 모르는 것을 새로 배워야하거나 생각대로 되지 않을 때에는 급격히 열기가 죽는 것을 느낍니다. 그런데, 그런 상황에서 조금만 더 용기를 내고 조금만 더 적극적으로 임해보려고 노력해보세요. 성심성의껏 도와드릴게요.

  • 현 ODK Media, Inc. 개발자
  • Streami Inc. 리드 엔지니어
  • SMARTSTUDY, Coupang 소프트웨어 개발자

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

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

  • 리뷰어 루카스

    주로 프론트엔드 개발 업무를 담당하고 있고, 단단한 웹을 만들기 위한 테스트, TS, FP, 웹 접근성과 UX에 관심이 많습니다. 코드리뷰를 통해 모두 함께 풍부한 의견을 나누면서 뜻깊은 기간을 보냈으면 좋겠어요!
  • 리뷰어 제프리

    ODK Media에서 소프트웨어 엔지니어로 근무 중입니다. 프론트엔드를 주로 다루고 있어 JS, HTML, CSS를 비롯해 React나 GraphQL 등에도 관심이 많습니다. 소통과 교류를 통한 성장에 보탬이 될게요. 여러분도 주저없이 질문과 의견을 나눠주세요.




⚙️ 온라인 + 미션 + 코드리뷰를 4주간 끊임없이!


매 주 더 성장하시라고, 주마다 새로운 프론트엔드 개발 미션을 드립니다.

이 스터디는 단순히 책 몇 개를 함께 따라해보거나, 어떤 강의를 순서대로 함께 듣기만 하지 않습니다. 단, 스터디 리더가 직접 짠 미션을 매 주 수행하며 피드백을 받고, 질문하고, 코드리뷰를 받습니다. 그 과정에서 단기간에 빠르게 성장할 수 있습니다.





  • 1) 매주 스터디에서 진행할 미션을 받고, 학습 자료 소개 받기




  • 2) GitHub에 미션 소스코드를 제출하고, 리더에게 코드리뷰와 피드백 받기




  • 3) 끊임없이 질문하고, 답변을 받으며 나의 부족한 부분 채워 나가기




  • 4) 스터디 리더, 스터디원들과 힘내서 1~3을 4주 내내 반복 훈련하기






🗓 Chapter 1


첫 번째 미션: ES6 문법을 활용해 JS로 한 페이지(SPA)에서 동작하는 TodoApp 만들기

UI 구현 요청사항이 들어왔는데, 내가 직접 만들 줄을 몰라 외부 라이브러리 스펙에 맞춰야만 한다면? 특수한 상황을 제외하고서는 정상적인 개발 프로세스라고 보기 어렵다. 이 미션에서는 SPA 기반의 TodoApp을 제작하고, 화면 구성 컴포넌트를 모두 JS로만 만들어본다.


다룰 내용


  • ✅ JS를 활용해 화면 컴포넌트를 직접 만들기

  • ✅ 헷갈리는 this 제대로 활용하는 법

  • ✅ Closure, Context


[첫 세션] 8/26 20:00~




🗓 Chapter 2


두 번째 미션: TodoApp 기능 강화해주기

1주차 때 구현한 TodoApp은 컴포넌트만 그려진, 기본적인 기능이 없는 상태였다. 여기에 수정, 삭제 기능 등을 통상적인 TodoApp이 가져야 할 기능을 구현해주며, Event 에 대해 자세히 배워본다.


다룰 내용


  • ✅ addEventListner, removeEventListner

  • ✅ 이벤트가 복잡해질 때 꼭 알아야 할 Bubbling, Capturing

  • ✅ Event Deligation

  • ✅ Custom Event


[두 번째 세션] 9/2 20:00~



🗓 Chapter 3


세 번째 미션: 비동기적 처리를 위한 움짤 검색기 제작

fetch, Promise, await를 중심으로 움짤(GIF) 검색기를 만들어봅니다. 요즘 소셜미디어에 많이 붙어있는 GIF 검색 기능을 떠올리면 됩니다. 이미지를 비동기적으로 화면에 뿌려줍니다.


다룰 내용


  • ✅ fetch API를 이용해, 짤봇 API와 연동하여 각종 움짤 모셔오기

  • ✅ 모셔온 움짤들을 비동기적으로 화면에 그려주기

  • ✅ fetch, Promise, await

  • ✅ callback 방식에 대한 이해


[세 번째 세션] 9/9 20:00~



🗓 Chapter 4


마지막 미션: 미니 트렐로(Trello) 만들기

1~3주차에 배운 내용들을 전반적으로 활용하여 트렐로의 기본 기능을 그대로 구현해보자. 리더가 주어주는 API를 활용해 dummy Todo 목록을 화면에 그리고 시작. 보너스 미션도 놓치지 말자!


다룰 내용


  • ✅ 드래그를 통한 상태 변경, 투두 내용 추가/수정/삭제 등 트렐로 기본 기능 구현

  • ✅ 1주차에 배운 JS로 컴포넌트 그리기, 2주차의 비동기 처리, 3주차의 Event 처리 기법 등을 모두 활용한다.

  • ✅ 보너스 미션! 직접 서버에 Todo 내용을 전달하는 기능 구현하기


[네 번째 세션] 9/16 20:00~


[클로징 세션] 9/23 20:00~



*주차별 세션이 뭐에요?: 더 많은 내용을 스터디원들에게 알려드리기 위해, 일주일에 한 시간 정도는 모두 동시접속하여 미션 설명도 듣고, 질문답변을 진행하는 시간입니다. 웨비나(Webinar)를 생각하면 됩니다. 이 시간에는 질문답변도 진행하지만 미션에 대한 스터디 리더의 자세한 설명도 진행될 수 있고, 평소 궁금하던 프론트엔드 관련 이슈에 대해 자유롭게 발언할 수도 있습니다.





🖊 진행 방식


코드리뷰 중심의 100% 온라인 과정. 4주간 제대로 집중하면, 그 다음 4개월과 4년이 달라집니다. 아래의 흐름대로 열심히 따라오세요.





    • 매 주, 멘토와 교육 매니저 그리고 모든 수강생들이 참여하는 온라인 라이브 세션에 반드시! 최대한! 참여합니다. (활용 프로그램: Zoom)




    • 라이브 세션에서 주차별 미션에 대한 소개와, 미션을 수행하며 배우게 될 자세한 내용에 대한 설명을 듣고 의욕을 불태워봅니다.




    • 다음 주 까지 미션을 성실히 수행하고, Pull Request 를 보내 멘토님에게 내가 작성한 소스코드 리뷰를 요청합니다.




    • 여기서 중요한 점! 미션을 모두 완성했다고 생각해야만 Pull Request 를 보내는 것이 아닙니다. 리뷰를 요청하고 싶다는 생각이 든 그 시점에 보내야 합니다.




    • 멘토와 코드에 대한 피드백을 주고받으며 조금씩 나의 부족한 면을 고쳐나가고, 몰랐던 것들은 알아갑니다.




    • 이후 멘토님이 당신이 제출한 코드를 merge 승인하면, 미션 제출 완료!






😘 선배 개발자들이 이 스터디를 두 번 추천합니다!





  • 개발자 문윤기


    React, Vue, Angular.. 훌륭한 프레임워크와 라이브러리가 많고, 하루가 멀다하고 새로운 것들이 등장하고 있습니다. 그런데 이런 트렌드 중심에는 결국, 항상, 늘 자바스크립트가 있습니다. 언어로서의 자바스크립트와 DOM을 기초로 하는 브라우저에 대한 이해가 뒷받침된다면 학습의 러닝커브를 확 줄일 수 있습니다. 그런 의미에서 이 스터디를 추천합니다.


    문윤기 ― 슬로워크 스티비팀 프론트엔드 개발자, Vue.js로 데일리리포트 앱 만들기 강의 강사





  • 개발자 진유림


    구글독스, 페이스북 등 요즈음의 웹 앱을 보면 프론트엔드 개발의 역할이 점점 더 커지고 있음을 실감할 수 있습니다. 자바스크립트는 동적인 화면을 그릴 수 있는 유일한 기술입니다. 물론 혼자서 공부할 수 있는 분야지만, 훌륭한 스터디 리더와 함께라면 시간을 반으로 줄이고 깊이는 배로 늘릴 수 있을 것입니다.


    진유림 ― Zepl 프론트엔드 개발자, Facebook Developer Circles:Seoul, 9XD 리더







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





  • 수강생 박소영님


    요즘 구인공고를 보면 오픈소스 기여나 PR, 코드리뷰 등에 대한 우대사항이 많이 있더라구요. 저는 전 직장에서 그런 문화가 없었어서 경험해볼 기회가 전혀 없었는데 이러한 스터디가 있다는 자체만으로도 저에게는 진입장벽 하나를 제거할 수 있었던 경험이었습니다. 그리고 온라인 스터디라는 것도 저는 정말 좋았어요. 별도로 오프라인 스터디도 진행해봤지만 집이 멀어서 시간적, 체력적 소모가 많았고 사람들 시간이 안맞을 경우 취소되는 경우도 종종 있었는데 온라인 스터디라서 더 부담없이 임할 수 있었던 것 같아요. 세션과 같은 경우도 다른 일을 하면서도 핸드폰으로 접속만 되어있다면 언제 어디서든 참여 가능하고, 만약 그시간에 참여를 못해도 나중에 영상이 올라오기 때문에 개인적으로 다시보면서 공부 할 수 있는 점이 정말 좋았습니다.


    그리고 다른 사람들의 코드를 마음껏 볼 수 있다는 것이 이 스터디의 가장 큰 장점인 것 같아요. 원래 다른 사람이 짠 코드를 분석하기가 쉽지 않은데 리뷰를 위해, 또는 제 미션을 위해 다른 사람 코드를 참고하고 왜 이렇게 짰을까 고민하다보면 뭔가 생각의 영역이 확장되는 느낌이 듭니다. 또한 평소 프레임워크, 라이브러리 위주로만 공부를 했었는데 순수 자바스크립트로만 SPA를 작업해 볼 수 있어서 컴포넌트와 컨트롤러 분리, 단방향 데이터 흐름 등에 대한 개념들을 몸으로 체득할 수 있었어요! 앞으로도 많은 고민들 함께 나눌 수 있는 커뮤니티가 되었으면 좋겠습니다.


    박소영(4기) ― 빅픽처인터렉티브 프론트엔드 개발자




  • 수강생 7기 워니님


    탄탄한 커리큘럼과 과제 덕분에 요즘 나오는 프레임워크나 라이브러리들이 어떠한 배경과 맥락에서 지금과 같은 형태로 발전하였는지 어렴풋이나마 체감해볼 수 있는 과정이었습니다.


    바닐라 JavaScript로만 프로젝트를 진행하면서 꼼꼼한 코드리뷰와 페어 프로그래밍으로 기본기를 다지는 기회가 되어 많은 도움이 됐습니다. 더불어 프론트엔드 엔지니어로 일하면서 어떻게 학습하고 성장해나가야 하는지 여러 경험을 공유해주셔서 값진 배움을 얻었습니다.


    워니(7기) ― 힐링페이퍼(강남언니) 프론트엔드 개발자




  • 수강생 이지선님


    코드리뷰를 통해 부족했던 JS 이해도를 높일 수 있었어요


    비전공자로, 자바스크립트에 대한 이해가 깊지 않은 상태에서 바로 Vue, React 로 프론트엔드 개발을 시작했었습니다. 그런데 일을 하면 할수록 JS에 대한 이해가 필요하다는걸 느껴왔고, 이때문에 스터디에 참여하게 되었어요. 여기선 오직 순수하게 JS로만 개발을 해보면서, 현직 시니어 프론트엔드 개발자와 코드리뷰를 진행할 수 있다는 것이 매력적이었습니다.리더 뿐만 아니라 약 20명 정도의 다른 스터디원들과 코드리뷰를 진행한 것도 좋았구요. 그리고, 같은 직군에서 비슷한 고민을 갖고있는 분들과 한 자리에 모여 커뮤니티를 형성할 수 있었던 점도 좋았습니다.


    이지선 ― 프론트엔드 개발자





  • 수강생 나호석님


    처음과 비교해 크게 개선된 내 코드 구조를 보고 뿌듯했어요


    장비회사에서 일을 하면서 개발을 거의 하지 못했습니다. 개발과 직접적인 관계가 있는 일을 하고 싶어 퇴사를 하고, 개인적으로 웹 개발 공부를 하고 있었고 JS 학습을 위해 스터디에 참여하게 되었습니다. 내용 구성도 마음에 들었고요.

    이 스터디의 가장 큰 장점은 코드리뷰라고 봅니다. 저는 코드리뷰 경험이 없었고, 혼자였기에 '내 코드가 괜찮은지' 늘 궁금했거든요. 세밀한 코드리뷰가 진행되기 때문에 사소하게 놓친 부분도 알 수 있고, 현업의 코드 작성 방식도 알 수 있었습니다. 마지막 미션을 진행할 때는 처음 스터디를 시작했을 때와는 달라진 나의 코드를 보고 뿌듯함을 느꼈습니다.

    시작 전에는 따라 갈 수 있을까 걱정이 되었습니다. 하지만 에밀리와 리더분들이 성심성의껏 지원해주니 너무 걱정마세요. 적극적으로 참여하실수록 더 많은 것들을 얻어 가실 수 있을 겁니다.

    나호석(4기) ― 주니어 웹 개발자









💳 스터디 참여비


4주, JS 코어 집중 스터디


2020-08-26(수) ~ 2020-09-23(수)

스터디 리더 로토(김태희, ODK Media)


그리고 두 명의 코드리뷰어와 함께, 풍부한 피드백을 나눠요!


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






💵


할인가 360,000원


8월 17일 오후 8시까지 적용되는 가격입니다.



정가 400,000원


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

  • 7기 박기태님

    VanilaJS를 더 정확하게 알고자 참여하였습니다. 생각보다 더 많이 배울 수 있었는데요 다른 기수분들의 코드를 보면서 시야가 넓어졌기 때문이라고 생각합니다. 적극적으로 코드리뷰를 하시는 분들을 통해 자극도 받았고 다른 분들의 코드를 보면서 같은 로직을 작성하는데도 다양한 코드가 나올 수 있다는 사실을 배웠습니다. 혼자가 아니라 스터디원이 함께 하다 보니 으쌰으쌰 하는 분위기가 형성되어, 그 덕에 미션을 모두 잘 마칠 수 있던 것 같습니다. 특히 멘토분들이 정말 친절하셨어요. 시니어 개발자로서 주니어에게 줄 수 있는 팁들을 여과 없이 주셔서, 개발자로서 더 성장할 수 있을 거라는 확신이 생겼습니다. 세션 때는 JavaSript로 코딩할 때 어떻게 코드를 작성하면 좋을지 구체적으로 설명해주셨습니다. 또한, 코드리뷰 문화를 가진 회사가 아니면 경험하기 힘든 페어 프로그래밍도 진행하면서 제가 짠 코드의 부족한 부분을 멘토님이 1대1로 잡아주셔서 값진 경험이었습니다. 리액트로 하는 스터디도 있다면 꼭 참여하고 싶습니다 :) 로토, 제프리, 루카스, 썬 정말 감사했습니다!!

    박기태(7기) ― 프론트엔드 개발자
  • 7기 문건우님

    평소VanilaJS 에 소홀히 하고 React 라이브러리 위주로 공부를 하였습니다. 그러다 보니 기본적인 부분에서 막히는 부분이 많았고, 리액트 문법과 JS 문법이 헷갈리는 경우가 있었습니다. JS를 제대로 모르는 상태로, JS 라이브러리를 쓴다는 자신에게 부끄러워 제대로 배워보고자 스터디에 참여했습니다. 해당 스터디를 통해 기초적인 지식부터, 코드 스타일, 에러 처리, 효율적인 렌더링 등 다양한 부분에 대해 넓게 배울 수 있었습니다. 스터디 과정이 JS 기본기를 다지는데 꼭 필요한 부분들로 이루어져있어 모두 직접 구현을 해본다면 정말 많은 것을 배워갈 수 있습니다. 멘토님들의 코드리뷰를 받으며 좋은 코드 스타일로 개선해 나갈 수 있었고, 다른 사람들의 코드를 리뷰 해보며 코드 보는 눈을 키울 수 있었습니다. 세션 도중 멘토님들과 페어프로그래밍을 해보는 경험 또한 정말 값진 경험이었습니다. 무엇보다 스터디가 끝났다고 해서 진짜 끝난 게 아니라는 점이 큰 장점인 것 같습니다! 끝난 후에도, 슬랙을 통해 질문을 할 수 있을 뿐만 아니라, 프로그래머스의 다양한 교육 및 행사 소식도 가장 먼저 들을 수 있습니다. 스터디 원끼리 따로 스터디를 만들어 지속해서 공부 할 수도 있고요. 마지막으로 이전 기수 혹은 다음 기수의 세션 녹화본도 계속해서 볼 수 있는 점이 정말 좋은 것 같습니다. 돈이 아깝지 않은 스터디였습니다!

    문건우(7기) ― 프론트엔드 개발자 지망생
  • 7기 도라에묭님

    펌웨어 개발자로 취업 했는데, 갑자기 웹부서로 발령 받아 처음 웹을 접하게 되었습니다. 혼자 JS 공부를 하면서 간단한 업무정도는 진행할 수 있게 되었지만, JS를 제대로 사용하여 코드를 구현하고 있지 못한다고 생각이 들어 제대로 된 코드 리뷰를 받며 JS답게 사용하고 싶어서 참여하게 되었습니다. 가장 크게 기억에 남는 건, 코드 리뷰와 멘토님과의 페어프로그래밍 이였습니다. 나와 다른 스터디원의 코드 리뷰를 통해 제가 부족한 부분을 채울 수 있었고 사고의 확장을 이룰 수 있었습니다. 또한 페어프로그래밍을 함께 하면서 즉각적으로 피드백을 받다보니 코드 개선하는데 도움을 많이 받았습니다. 기본기가 탄탄해지고 싶은 분께 강력추천드립니다!!

    도라에묭(7기) ― 프론트엔드 개발자
  • 6기 홍동욱님

    프레임워크 위주로 개발하다가 VanillaJS 기초를 단단하게 만들고 싶어 참여했습니다. 과제를 하면서 순수 JS를 활용한 개발에 도움을 받았을 뿐만 아니라, 현업에서 사용하는 프레임워크/라이브러리의 작동 방식, 효율적인 렌더링 방식에 관한 제 고민을 해결하는 데에도 많은 도움을 받았습니다. 그리고 단순히 개발 과제만 진행하는 스터디가 아니라 '개발자로서의 노하우', '성장 방향', '고민 상담' 등 유익한 정보를 함께 나눌 수 있는 시간이어서 좋았습니다. 마지막으로, 이 스터디에 참여했던 덕분에 제가 가고 싶었던 회사의 코딩테스트(VanillaJS 기반)도 통과할 수 있었어요. 지금까지 조언을 주신 리더분들과 코드리뷰에 함께 참여해 좋은 코드를 작성하는 데에 도움을 주신 모든 스터디원분들께 감사합니다. :)

    홍동욱(6기) ― 프론트엔드 개발자
  • 수강생 서보은님

    프론트엔드의 시작이라고 볼 수 있는 VanillaJS부터 똑바로 기반을 잡아보자! 하는 마음으로 참여했습니다. 코드리뷰 뿐만 아니라 다른 사람들의 코드를 보는 것도 많은 도움이 되었는데요. 같은 미션을 수행해도 참 다들 구현하는 방식이 달라서, 다들 생각하는게 다르구나 하는 것을 직접 눈으로 볼 수 있으니 색다른 경험이었습니다. 코드 외에도 많은 것을 배울 수 있었는데, 어떤식으로 질문하고 어떻게 답변을 해야 개발자 동료들간에 더 나은 커뮤니케이션을 할 수 있을지 직간접적으로 배울 수 있던 귀중한 시간이었구요. 개인적으로는 리더분들의 배움에 대한 열정을 보면서 또 많은 동기부여가 되었습니다. 해외에 있는지라 온라인 과정이 아니면 참여가 어려운데, 이런 과정을 이런 형식으로 만들어주셔서 너무 감사할 따름입니다!

    서보은(5기) ― 해외 이직 준비 중
  • 수강생 김보람님

    혼자가 아닌, 함께여서 너무 좋았습니다

    지인 없이 참여하는 두근두근 첫 온라인 스터디였습니다. 현재 있는 팀에 코드리뷰 문화가 없어서 목마른 상태였는데, 스터디원들을 통해 자바스크립트에 대한 새로운 생각을 접할 수 있는 좋은 기회였습니다. 혼자 코딩하다보면 지쳐서 한업싱 늘어질 때가 있는데, 다른 스터디원들이 폭풍같이 커밋하고 서로 리뷰를 하는걸 보니 경쟁심 같은게 생겨서 폭풍코딩하기도 했어요. 어떤 코드가 좋은 코드인지, 실제 업무에서는 어떤 방식으로 이 기술을 쓰는지, 또 내가 매번 하던 방식 말고 다른 접근은 없는지와 같은 혼자서는 생각하기 어려운 것들을 서로 나누고 발전할 수 있어서 좋았습니다.

    김보람 ― 프론트엔드 개발자
  • 수강생 박제권님

    JS를 배운지 오래됬었는데, 스터디를 통해 최신 지식으로 업데이트 했어요

    저는 백엔드 개발자이고, 화면 효과나 비동기 통신에만 조금씩 JS를 써왔습니다. 최근 React를 포함한 다양한 기술을 배울 필요가 있었는데, JS의 최신 트렌드는 제가 알던 것과 다른게 많았고, 예전에 배웠던 기억만으로는 진도를 빼기가 어려워서 참여하게 되었습니다. 각 주마다 구현할 미션이 주어지고, 결과에 대해 코드리뷰를 진행하는 방식이어서 정확히 제게 필요한 스터디였습니다. 덕분에 오래전에 배워 낡은 상태였던 저의 JS 실력이 최신판으로 거듭났습니다.

    박제권(4기) ― 백엔드 개발자
  • 수강생 박정후님

    부족했던 순수 JS 역량을 드디어 채울 수 있었어요

    수년간 자바스크립트로 개발을 했지만 한 번도 순수 자바스크립트로 개발을 한 적이 없었습니다. 기본기를 조금 더 다지고 자바스크립트의 기본 컨셉을 정리해보려고 참여했었어요. 미션을 수행하며 스스로 학습하고, 고민하는 과정들이 일반적인 강의를 듣는 것 보다 더 많이 와닿고 습득도 빨랐습니다.그외에도 실무에서 겪는 어려움을 리더 로토와, 다른 스터디원들과 공유하고 해결 방법에 대한 생각을 나누며 많은 도움을 받았습니다. 또 이번 한 번 과정을 참여하고 끝나는게 아니라, 계속 이어질 수 있는 커뮤니티를 얻었다는 점에서도 좋았습니다.

    박정후 ― 아드리엘 프론트엔드 개발자
  • 수강생 박대성님

    리액트를 사용하며 발생한 문제들의 원인을 찾았습니다

    자바스크립트 기초가 다져지지 않은 상태에서 리액트 등을 다루려고 하니, 이해가 가지 않거나 해결이 어려운 부분이 많았습니다. 스터디를 통해 기존에 다루던 C, 파이썬 등의 언어와 자바스크립트의 차이점에 대해서 배울 수 있었고 리액트를 사용할 때 겪던 문제점의 원인도 파악 할 수 있게 됐습니다. 코드 리뷰와 주 차별 미션을 통해 실제 현업에서 어떤 식으로 협업이 이루어지는지 체험 할 수 있는 좋은 경험을 얻었습니다.

    박대성 ― 이직 준비 중
  • 수강생 상훈님

    디자인에서 개발로 가는 어려운 길을 함께한 스터디에요

    디자이너에서 프론트엔드 개발자로 이직을 준비 중입니다. 이를 위해서는 JS 기초 실력이 중요함을 알기에 참여하게 되었습니다. 평소에는 간단한 토이 프로젝트나 인터넷 강의로만 공부했기에 제 실력을 객관적으로 돌아볼 수 없었는데 여기서의 경험으로 인해 나를 객관적으로 돌아볼 수 있었습니다. 사실 제게는 어려운 편이었고 놓친 것도 많았지만, 로토와 에밀리가 DM으로 많이 도와주시려고 해서 엄청 좋았습니다. 다른 스터디원들에 비해 좀 느렸지만, 스터디에서 했던 내용을 복습하면서 노력하려고 합니다.

    상훈 ― 디자이너
  • 수강생 이희찬님

    많은 사람들과 코드리뷰를 하면서 많은 자극을 받았어요

    멘토, 코드리뷰, 피드백, 모두 같은 과제를 풀어나가며 생각을 공유할 수 있는 스터디라는 점에서 많이 배울 수 있겠다는 생각이 들어 참여하게 되었습니다. 함께 코드리뷰를 통해 피드백을 주고받으며 내 코드를 개선하는 데에 도움을 많이 받았고, 다른 분들의 PR을 보면 동기부여도 되었습니다. 이런 스터디를 계속 지속해 나가면 빠르게 성장 할 수 있을 것 같다고 스스로 느껴서 좋았습니다. 또 코드리뷰 외적으로도 같은 개발 직군에서의 고민이나 방향성에 대해서 나눌 수 있는 좋은 커뮤니티의 장이 되었다는 부분도 좋았습니다.

    이희찬 ― 프론트엔드 개발자
  • 수강생 귀리

    직무 전환을 위한 공부 방향을 잡아준 스터디입니다!

    프론트엔드 개발자로 직무 전환을 위해 혼자 공부하던 중 한계를 느껴 스터디에 참여하게 되었는데요. 기대했던 것 이상으로 많은 것을 얻었습니다.

    우선, 혼자 공부하다 보니 책과 튜토리얼 정도로만 접해서 잘 몰랐던 개념이나 어려워서 제대로 볼 엄두가 안 나던 개념을 스터디를 통해 빠르게 익힐 수 있었습니다. 특히, 매주 수행해야 하는 미션을 대충 끝내는 것이 아니라, 여러 가지 해결 방법을 고민하고 시도해보면서 끝까지 마무리를 할 수 있게끔 도아주셔서 좋았습니다. 그런 경험이 쌓이다 보니, 어떤 부분이 부족한지 명확히 알게 되어 공부해야 하는 방향을 잡을 수 있게 되었습니다.

    또한, 스터디에 참여했던 다른 이유 중에 하나는 코드 리뷰였는데요. 처음엔 리더가 주는 피드백만 생각했었는데, 다른 분들의 코드를 보며 다양한 관점에서 고민하고 의견도 나눌 수 있어서 짧은 시간 동안 많이 성장할 수 있었습니다.

    귀리(5기)

질문 & 답변