23개 주제로 구성된 130개의 독립 coding challenge를 통해 JavaScript 문제 해결력을 높입니다. type conversion, string, array, function, object에서 시작해 browser interaction과 점차 어려워지는 algorithm 문제로 확장합니다.
하나의 application을 따라 만드는 tutorial이 아닙니다. 요구사항을 읽고 필요한 JavaScript 또는 page behavior를 구현한 뒤 준비된 환경에서 결과를 확인합니다. 보완할 주제만 골라 연습하거나 전체 collection을 진행하며 독립 구현 경험을 꾸준히 쌓을 수 있습니다.
학습 내용
과정을 마치면 다음을 할 수 있습니다.
- 명확한 요구사항에 JavaScript type conversion, comparison, array operation, string transformation을 적용합니다.
- closure, debounce, timer와
call,apply,reduce동작을 포함하는 function을 구현합니다. - object와 JSON을 변환하고 구조화된 값을 parse하며 nested data를 비교하고 deep clone을 구현합니다.
- DOM을 조작하고 element tree를 순회하며 event에 반응하는 interactive page behavior를 만듭니다.
- JavaScript로 search, sorting, two pointers, sliding window, simulation, 수학 문제를 해결합니다.
- traversal, recursion, binary search tree 규칙으로 stack과 binary tree operation을 구현합니다.
- 여러 단계의 algorithm challenge에 dynamic programming, greedy, backtracking 전략을 선택합니다.
- 글로 된 제약을 일반적인 solution으로 바꾸고 제공된 test 또는 browser behavior로 확인합니다.
추천 대상
JavaScript 기초를 이해하고 많은 문제를 독립적으로 풀고 싶은 학습자를 위한 과정입니다. DOM 실력을 강화하려는 frontend 학습자와 대표적인 data structure 및 algorithm pattern을 연습하려는 사람에게도 적합합니다. Beginner로 표시되어 있지만 후반부는 초반 문제보다 훨씬 많은 추론을 요구합니다.
선수 지식: JavaScript variable, condition, loop, function, array, object를 편하게 다룰 수 있어야 합니다. 기본 HTML과 DOM은 browser challenge에 도움이 됩니다. recursion과 일반적인 data structure 경험은 후반부에 유용하지만 진행하면서 익힐 수도 있습니다.
학습 환경: 130개 challenge 모두 제공되는 Ubuntu 22.04 WebIDE에서 실행합니다. 과제에 따라 JavaScript 또는 기존 HTML/CSS project를 편집하고 terminal에서 제공된 check를 실행하거나 local page를 시작해 browser preview에서 동작을 확인합니다. 외부 account나 deployment service는 필요하지 않습니다.
자주 묻는 질문
JavaScript를 처음 배우는 과정으로 적합한가요?
가장 적합한 첫 과정은 아닙니다. 초반 challenge가 기본 syntax를 연습하지만 각 개념을 단계별로 가르치기보다 스스로 solution을 구현하게 합니다. variable, control flow, function, array, object를 먼저 익힌 후 연습용으로 활용하세요.
학습 분량은 얼마나 되나요?
23개 그룹에 정확히 130개 challenge가 있습니다. JavaScript 기초, string, array, function, object, DOM, event부터 tree, dynamic programming, greedy, backtracking, regular expression, 복합 문제 해결까지 다룹니다.
challenge를 순서대로 완료해야 하나요?
아닙니다. 비순차 과정이며 각 challenge에 독립된 setup과 objective가 있습니다. 필요한 주제만 선택해도 되지만 language 기초에서 algorithm 부분으로 진행하면 난이도가 더 자연스럽게 높아집니다.
완전한 web application을 만들거나 frontend framework를 배우나요?
아닙니다. 일부 challenge에서 실용적인 page interaction이나 system 형태의 기능을 구현하지만 하나의 capstone application을 만드는 과정은 아닙니다. React, Vue 또는 다른 framework를 체계적으로 배우는 curriculum도 아닙니다.
