코스 이미지

[온라인 스터디][2기] TS와 함께 시작하는 React, Vue

미션 진행 중 외부 라이브러리를 활용하는 내용이 등장합니다. 이 때에는 본인이 편하게 쓰는 라이브러리를 선택해서 진행해도 됩니다(Vue, React 등). 또한 TS 기초가 부족한 경우, 스터디 리더가 준비한 보충 자료를 공유해드리니 미션 수행에 어려움이 있을 때 마다 말씀해주세요.


본 스터디를 다음에 참여하고 싶을 경우에는 꼭 대기자 신청 을 완료해두세요.





제대로 알고 쓰자! TypeScript 온라인 스터디


TS와 React, Vue등을 함께 쓰려는 분들에게 추천할게요!




JS의 약점을 보완하려고 TS를 쓰기로 마음 먹었나요?


또, 기존 프로젝트에 TS를 적용하려는데 이만저만 걱정이 많나요?


미리 TS 경험을 풍부히 쌓아온 리더와 미션을 수행하고, 코드리뷰를 하며 답을 찾아보아요!






🗓 SCHEDULE 2기 일정



  • 스터디 시작: 2019-09-24(화)

  • 스터디 종료: 2019-11-05(화) 총 6주

  • 준비물 및 사용 프로그램:





  • 개인 노트북


    Windows, MacOS 상관 없음




  • Slack


    실시간 채팅 및 Q&A




  • GitHub


    끊임없는 코드리뷰




  • School


    프로그래머스 스쿨



Slack, GitHub, School 참여에 대한 안내는 스터디 시작일 기준 3~5일 전부터 공지됩니다. 모든 채널은 스터디원들을 위해서만 비공개로 운영됩니다.






🤷 TARGET 참여 대상자


이 스터디는 기본적으로 JS에 대한 기초 지식이 있는 웹 개발자를 위해 만들어졌습니다.





  • TS 도입에 엄두가 안 나는 분


    몇 년 전에 비해선 확실히 그 위상이 두터워진 TS.

    이제 해야 할 것 같은 감은 오는데 실질적인 액션이 안되는 분들께 추천




  • 남들 쓰니까 그냥 쓰고 있는 분


    문법만 차용하는 수준으로 TS를 쓰고 계신 분들께도 추천

    힙해서, 새로워서 쓰는게 아니라 필요해서 쓰는겁니다. 이걸 이해해봅시다.



비슷한 관심사를 갖고 모두 스터디에 모이겠지만, 결국 실력이나 경험은 조금씩 차이나기 마련입니다. 따라서 이 스터디에서는 조금 뒤쳐진 분들을 그냥 두지 않고, 추가 세션이나 자료 공유를 통해 어떻게든 따라올 수 있도록 전적으로 서포트합니다. 어려움이 있을 때, 리더 마크와 에밀리에게 편히 알려주세요. 함께 잘 헤쳐나가보자구요!




TypeScript관련 활동 이력이 풍부한, Microsoft MVP가 이끌어주는 스터디



TS를 일찍이 도입했고, 먼저 시행착오를 겪어봤고,


많은 이에게 그 경험과 지식을 공유해온 리더의 시각을 믿고 따라와보세요.



👍 TS를 실무에 쓰고 있는 다른 개발자들도 이 스터디를 추천해요!






  • 체커 개발자 김동우님




    저도 TypeScript를 시작한 이후에는 점진적으로 제 코드를 JS에서 TS로 바꿔왔습니다. TS는 요새 인기가 많아진 탓에 관련 정보를 많이 찾아볼 수 있지만, JS > TS 로 옮겨가는 프로세스와 실무 사례를 찾긴 어려운 것 같습니다. 그런 의미에서 이 스터디는 JS 개발자의 관점에서 TS를 자연스럽게 받아들일 수 있는 미션들을 담고 있어 그 가치가 높다고 생각합니다.


    김동우 ― 체커 개발자, Facebook Developer Circle: Seoul Lead









  • Studio XID 개발자 김석준님




    TypeScript는 혼란스러운 JavaScript 생태계 속에서도 단단한 어플리케이션을 개발할 수 있게 해주는 좋은 도구입니다. 이 스터디에서 Static Type 의 안정성과 JavaScript 의 유연함을 배워볼 수 있는 좋은 기회를 잡으시길 바라며, 추천의 메시지를 남깁니다.


    김석준 ― Studio XID(ProtoPie) 개발자









🤵 LEADER 스터디 리더





TS 스터디 리더, 이웅재(Mark)


스터디 리더 Mark(이웅재), 현 Studio XID, Inc 개발자

TypeScript를 적용한다는건, 그저 'JS가 별로라서 TS로 문법을 갈아끼우는' 일이 아닙니다. TS의 타입 시스템을 활용해 제대로 적용하여 더 낫고 안정성있는 프로그램을 만드는 일이에요. 이전 1기 진행 경험이 있으니, 2기 분들과 더 많은 내용을 나눌 수 있을 것 같습니다. TS 합시다!



  • 현재 Studio XID, Inc 에서 ProtoPie 개발 중

  • Microsoft MVP(Most Valuable Professional) - TypeScript

  • TypeScript 한국 유저 그룹 오거나이저, 관련 밋업 및 세미나 활동 다수








⚙️ 주간 미션 수행과 코드리뷰가 가장 중요한, 100% 온라인 과정







  • 1) 주어지는 참고용 자료를 열람하며, 주간 미션을 최대한 성실히 수행하기




  • 2) GitHub을 활용해 내가 짠 코드에 대한 코드리뷰를 받고, 남의 코드도 살펴보고, 의견 나누기




  • 3) 매 주 진행되는 온라인 세션에서 미션에 대한 설명, 실시간 질의응답도 놓치지 않기




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







  • Q. 미션, 참고 자료는 어디에 공유되는거에요?: 프로그래머스 스쿨(School) 서비스를 이용하며, 본 스터디를 위한 참고 자료, 실시간 세션 녹화본 등을 공유하는 채널을 만들어드립니다. 해당 채널은 스터디원들에게만 공유합니다.


🗓 1주차


주어지는 프론트엔드 샘플 JS코드를 TS코드로 전환해보는 것으로 첫 미션이 시작됩니다. 1주차에서 만든 것을 2~4주차 동안 점진적으로 발전시켜나가는 것이 목표입니다.

1주차 주요 키워드


  • ✅ 점진적 타이핑(Gradual Typing)

  • ✅ 컴파일 옵션 --lib, --target, --strict

  • ✅ 타입 표기(Type Annotation)

  • ✅ 인터페이스, 클래스에 대한 이해 및 사용

  • ✅ 코드 캡슐화(Encapsulation)


Chapter1 세션: 2019-09-24(화) 20:00 ~ (보통 1.5~2시간 정도 소요됩니다. 세션을 진행하는 날에는 저녁시간을 여유있게 비워두시는 것을 권장합니다. 녹화본이 공유되지만, 실시간으로 참여하는 것이 가장 효과가 좋습니다)




🗓 2주차


백엔드 API 개발

2주차 주요 키워드


  • ✅ 데코레이터(Decorators)

  • ✅ d.ts 이해하기(Custom Type Definition)

  • ✅ Express.js, Nest.js 이해하기

  • 2주차부터는 지난 한 주간 진행한 코드리뷰 내역이 있으므로 세션 내용이 더욱 다채로워집니다.


Chapter2 세션: 2019-10-01(화) 20:00 ~




🗓 3주차


백/프론트엔드 전반에 걸쳐 타입 개선(2주)

3주차 주요 키워드


  • ✅ 빌드 옵션 및 구성

  • ✅ 제네릭(Generic)

  • ✅ Common 영역으로부터 백/프론트엔드에 타입 함께 사용하기


Chapter3 세션(두 번 진행): 2019-10-08(화), 10-15(화) 20:00 ~




🗓 4주차


프로젝트 마무리(2주)

4주차 주요 키워드


  • ✅ 컴포넌트의 외부와 내부 상태에 타입 시스템 적용

  • ✅ 상태 관리 라이브러리(Redux, Vuex)를 타입 시스템과 함께 활용하기


Chapter4 세션(두 번 진행): 2019-10-22(화), 10-29(화) 20:00 ~



*동시접속 세션이 뭐에요?: 미션 수행과 코드리뷰가 원활히 진행되기 위해, 일주일에 한 시간 정도는 모두 동시접속하여 미션에 대한 설명도 듣고, 필요한 지식에 대한 소개도 받고, 질의응답을 하는 등 TS 관련 이야기를 나누는 시간입니다. 리더가 세션 전반을 이끌게 됩니다. 유사한 형태로 웨비나(Webinar)를 생각하면 되며, 참여하지 못하는 분들을 위해 녹화본이 제공됩니다.




😘 이전 기수 수강생들이 이 스터디 주제와, 리더를 추천해요!



이전 기수 수강생들의 솔직한 후기를 참고하세요.





  • 수강생 이재목님





    타입스크립트는 견고한 코드를 작성할 수 있는 훌륭한 도구이고 이미 널리 알려져 있습니다. 하지만 '왜' 쓰는지가 중요합니다. 이 스터디에선 프론트엔드와 백엔드를 아울러 풀스택으로 JS코드를 TS로 전환하는 활동을 하였습니다. 이 과정에서 코드 리뷰를 통해 올바르게 하였는지, TS 사용으로 얻는 이점이 무엇인지, 왜 TS가 필요한지에 대해 배울 수 있었습니다.


    TS가 아니더라도 개발에 관해 궁금한걸 질문하면 리더님께서 잘 답변해 주셨습니다. 자바스크립트만 할 줄 알던 개발자에서 한걸음 더 성장할 수 있었던 값진 스터디였다고 생각합니다.


    이재목(1기) ― 프론트엔드 개발자







  • 수강생 조용훈님


    학교에서 진행하고 있는 프로젝트에서 타입스크립트를 사용하고 있었는데, 좀 더 제대로 알고싶어 참여했습니다. 스터디원들과의 커뮤니케이션 그리고 코드리뷰를 통해 평소 튜토리얼만 보고 학습했던 것 이상의 것을 배울 수 있었으며, TS 뿐만 아니라 프론트엔드, 백엔드에 대한 지식도 같이 얻어 갈 수 있어서 좋았습니다.


    또한 꼭 정해진 내용대로 진행하는게 아닌 스터디원들의 수준을 고려하고, 각자 쓰려는 라이브러리에 맞게(예: Vue면 Vue, React면 React) 융통성 있게 코드리뷰를 진행하려 한 점이 특히 좋았던 것 같습니다. TS 적용을 고민하는 분들께 추천합니다.


    조용훈(1기) ― 취업 준비생








💳 스터디 참여비


TS를 제대로 이해하고, 강점을 최대한 취해요.


2019-09-24(화) ~ 11-05(화) 총 6주

잘 따라오시는 분들께는 더 심화된 미션을,


조금 뒤쳐지는 분들에게는 풍부한 자료를 제공하며


최대한 모두를 이끌어갈거에요!


스터디 리더 Mark(이웅재, Studio XID)


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







💵


350,000원(할인 중!)






질문 & 답변