치킨값으로 배우는 JS 고급

JavaScript를 공부한 뒤 TypeScript를 시작하면 새로운 문법보다도 이 타입을 왜 사용해야 하는가? 에서 자주 막히게 됩니다. 기본 타입부터 유니온, 타입 좁히기, 제네릭, keyof, Pick, Omit까지 연결해서 학습합니다. 또한 연습문제를 별도 미션으로 제공해 배운 내용을 직접 적용할 수 있도록 구성했습니다. 수강 후에는 타입 오류를 무작정 숨기지 않고 원인을 읽어낼 수 있으며, 반복되는 타입을 안전하게 줄이고 코드의 의도를 타입으로 표현할 수 있게 됩니다.

테스트 코드를 작성해야 한다는 필요성은 느끼지만, 막상 시작하면 문법과 개념이 낯설어 쉽게 손이 가지 않습니다. 예제를 따라 해도 `expect` 뒤에 어떤 matcher를 써야 하는지, mock과 spy는 언제 필요한지, 비동기 코드는 어떻게 검증해야 하는지 헷갈리는 경우가 많습니다. 이 강의는 JavaScript 테스트 코드가 처음인 분들이 Jest를 기준으로 테스트의 기본기를 차근차근 익히고, 이후 Vitest까지 자연스럽게 넘어갈 수 있도록 구성했습니다. 단순히 “이렇게 쓰면 됩니다”가 아니라, 테스트 대상 함수를 왜 분리하는지, export/import는 왜 필요한지, 어떤 값을 검증해야 좋은 테스트인지까지 초심자 관점에서 설명합니다. 강의를 따라가며 수강생은 유닛 테스트의 기본 구조, matcher 활용, 동기 코드 테스트, mock과 spy, 비동기 코드와 API 모킹까지 단계적으로 익히게 됩니다. 이를 통해 기능을 수정할 때마다 불안하게 직접 눌러보는 대신, 테스트 코드로 동작을 확인하고 자신 있게 리팩토링할 수 있는 기반을 만들 수 있습니다.

이 강의는 Git을 처음 사용하는 사람도 파일 변경을 안전하게 기록하고, GitHub를 통해 협업 흐름까지 이해할 수 있도록 구성한 입문 강의입니다. 단순히 명령어를 외우는 것이 아니라, status, diff, log를 통해 현재 상태를 읽고, add, commit, restore, reset, revert를 상황에 맞게 선택하는 감각을 기르는 데 초점을 둡니다. 초반에는 Git이 왜 필요한지, 파일 저장과 버전 관리의 차이가 무엇인지부터 시작합니다. 이후 직접 저장소를 만들고 README.txt 파일을 커밋하며, Git이 변경사항을 어떻게 추적하는지 실습합니다. GitHub 원격 저장소를 만들고 push, clone 흐름까지 다루며 개인 프로젝트를 온라인에 백업하고 공유하는 기본기를 익힙니다. 중급 파트에서는 브랜치, merge, conflict, pull/push, PR, rebase, stash를 다룹니다. 작업을 브랜치로 나누고, 변경사항을 병합하며, 충돌이 발생했을 때 파일을 읽고 정리하는 방법을 배웁니다. 또한 PR 중심 협업 흐름과 reset/revert의 차이를 통해 실무에서 자주 꼬이는 Git 상황을 판단하는 힘을 기릅니다. 마지막 파트에서는 GitHub Flow와 운영 브랜치 전략을 다룹니다. dev → stg → prd 흐름을 중심으로 기능 브랜치가 개발 브랜치에 합쳐지고, QA를 거쳐 운영 환경으로 승격되는 과정을 설명합니다. hotfix, release branch, tag, 일부 배포, 긴급 수정, 롤백 판단까지 다루며 실제 팀 개발에서 Git이 어떻게 운영되는지 이해할 수 있도록 구성했습니다.

이 강의는 합격률 5.34%였던 개정 후 첫 정보처리기사 실기 시험을 직접 통과한 경험을 바탕으로 만들었습니다. 정보처리기사 실기는 이제 단순 암기만으로 대비하기 어렵습니다. 특히 C, Java, Python, SQL 코드의 실행 흐름을 읽고 결과를 추적하는 능력, 그리고 단답형 개념을 정확히 구분해 답안으로 쓰는 능력이 중요해졌습니다. 이 강의는 프로그래밍을 처음 접하는 초보자도 따라올 수 있도록, 변수표 작성부터 C·Java·Python·SQL 코드 추적, 실기 핵심 용어, 필기 1~5과목까지 단계적으로 학습하도록 구성했습니다. 영상 중심 강의가 아니라, 빠르게 읽고 반복 회독할 수 있는 텍스트 기반 강의입니다. 필요한 부분을 다시 찾아보기 쉽고, 코드와 해설을 직접 따라가며 시험장에서 답을 도출하는 연습에 집중합니다. 1차 업데이트에서는 실기 프로그래밍 파트인 C, Java, Python, SQL을 다룹니다. 2차 업데이트에서는 실기 단답형에 필요한 핵심 용어와 개념을 정리하고, 코드 추적을 직접 연습할 수 있는 스테퍼 시뮬레이터를 함께 제공할 예정입니다. 3차 업데이트에서는 필기 1과목부터 5과목까지 순차적으로 확장합니다. 스테퍼 시뮬레이터는 단순히 해설을 읽는 데서 끝나지 않고, 코드가 한 줄씩 실행될 때 변수값이 어떻게 바뀌는지 직접 따라가며 이해할 수 있도록 구성할 예정입니다. 강의 수강 중 궁금한 점은 질문으로 남겨 주세요. 학습이 막히지 않도록 가능한 빠르게 답변드리겠습니다.

자바스크립트를 배웠는데, 실제 프로젝트에서 막히시나요? forEach는 쓸 수 있는데 reduce는 손이 안 가고, 비동기 코드는 볼 때마다 머리가 아프고, 컴포넌트를 만들어도 왜 이렇게 짜야 하는지 이유를 모르는 분들을 위해 이 강의를 만들었습니다. 이 강의는 단순히 문법을 설명하지 않습니다. "왜 이렇게 쓰는가" 를 중심으로, 실무에서 바로 꺼내 쓸 수 있는 코드 감각을 키워드립니다.

안녕하세요 4년차 프론트엔드 개발자 감자입니다. 제가 처음 자바스크립트를 배울 때를 떠올려보면 유튜브나 책을 따라 칠 때는 다 이해한 것 같았는데, 막상 빈 에디터를 켜면 머리가 새하얘지는 경험을 한 적이 많았습니다. 처음엔 그저 구글링해서 찾은 코드를 복사하고 붙여넣기 바빴습니다. 그러다 보니 에러가 터지면 어디서부터 손을 대야 할지 몰라 밤을 새우며 며칠을 좌절하기도 했죠. 그때 뼈저리게 깨달았습니다. 남의 코드를 100번 복사하는 것보다, 내가 직접 원리를 알고 1줄을 짜보는 것이 진짜 실력이다. 라는 것을요. 많은 입문자분들이 자바스크립트의 높은 장벽 앞에서 이렇게 고민합니다. 🚨 "HTML/CSS로 화면은 예쁘게 만들었는데, 움직이게 하려니 막막해요." 🚨 "변수, 함수 문법은 다 외웠는데 이걸 실전에서 어떻게 조합하는지 모르겠어요." 🚨 "이벤트 버블링, DOM 조작 같은 용어만 들어도 머리가 아파요." 그래서 이 강의를 준비했습니다. 제가 수많은 삽질 끝에 터득한 '가장 확실한 지름길'만 정리해 드립니다. 저는 자료를 준비하며 어려운 개발 용어를 늘어놓지 않았습니다. 두꺼운 전공 서적에 나오는, 당장 쓰지도 않을 문법은 과감히 버렸습니다. 대신, 실무에서 숨 쉬듯 사용하는 핵심 원리들을 '컨베이어 벨트', '물감 팔레트' 같은 일상적인 비유를 통해 여러분의 머릿속에 직관적으로 꽂아드립니다. 이 강의에서는 단순히 이론만 배우지 않습니다. 이론을 배우는 즉시 아코디언, 탭 메뉴, 다크 모드 토글 등 프론트엔드 실무에서 무조건 마주하는 4가지 핵심 UI를 저와 함께 밑바닥부터 직접 만들어 봅니다. 강의를 완강하고 나면, 여러분은 더 이상 남의 코드를 긁어와 기도하며 실행 버튼을 누르는 사람이 아닐 것입니다. 화면을 어떻게 구성할지 스스로 설계하고, 내 의도대로 자바스크립트 코드를 짜내려 가는 진짜 프론트엔드 개발자로 거듭나게 될 것입니다. 저의 모든 실무 노하우를 담았습니다. 빈 에디터 앞에서 더 이상 멈추지 마세요. 이제 시작할 시간입니다.

우리는 과연 HTML과 CSS를 제대로 활용하고 있을까요? 복잡한 프레임워크와 자바스크립트 로직에 갇히기 전, 웹의 본질인 마크업과 스타일링만으로 두더지 잡기부터 방탈출 게임까지 직접 구현해 봅니다. 4년 차 현직 개발자가 알려주는 '도구에 휘둘리지 않는 기본기'의 힘을 경험하세요.

자바스크립트를 배웠는데, 실제 프로젝트에서 막히시나요? forEach는 쓸 수 있는데 reduce는 손이 안 가고, 비동기 코드는 볼 때마다 머리가 아프고, 컴포넌트를 만들어도 왜 이렇게 짜야 하는지 이유를 모르는 분들을 위해 이 강의를 만들었습니다. 이 강의는 단순히 문법을 설명하지 않습니다. "왜 이렇게 쓰는가" 를 중심으로, 실무에서 바로 꺼내 쓸 수 있는 코드 감각을 키워드립니다.

HTML과 CSS로 아름답게 완성한 카페 홈페이지에 JavaScript로 인터랙티브한 기능을 추가하는 실전 프로젝트 강의입니다. 버튼 클릭, 메뉴 필터링, 예약 폼, 다크모드 토글부터 API 연동까지 JavaScript의 모든 기초를 민지와 코드 선생의 스토리를 따라가며 자연스럽게 배울 수 있습니다. 5시간의 학습으로 초보자도 동적인 웹 애플리케이션을 만들 수 있습니다.

주변에서 코딩을 처음 시작하시는 분들을 많이 봤어요. 경력자 분들은 자바스크립트가 쉽다고 하지만 처음 접하시는 분들은 어렵게 느낄 수 밖에 없습니다. 그래서 이번 강의는 코딩에 입문하시는 왕초보 분들을 위해 쉽고! 알찬! 내용을 준비했습니다. 💪🙂

ES6+와 함수형 프로그래밍을 배울 수 있는 강의입니다. 이 강좌에서는 ES6+의 이터러블/이터레이터/제너레이터 프로토콜을 상세히 다루고 응용합니다. 이터러블을 기반으로한 함수형 프로그래밍, map/filter/reduce, 파이프라인, 제너레이터를 통한 지연 평가, Promise 합성, 동시성/병렬성, async/await와 비동기 에러 핸들링 등을 배울 수 있습니다. 이 강좌를 습득하고 연습하여 중급 자바스크립트 개발자로 성장하세요!

Vue.js 중급 강좌 - '누구나', '쉽게', '훌륭한' 웹 어플리케이션을 만들 수 있도록 도와주는 Vue.js 활용 강좌 입니다. Vue.js 에 대한 기본적인 이해를 바탕으로 Todo 앱을 만들어 보며 코드 중심의 실용적인 지식을 배우게 됩니다.

깊이있는 수업으로 최고의 웹 개발자가 되기 위한 자바스크립트 강좌입니다. 완강 했을 때 자바스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트의 고수가 될 수 있습니다.

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

게임프로그램을 직접 만들어보면서 자바스크립트의 기본과 실전능력을 키우는 강의입니다.

3년차 프론트엔드 개발자가 가장 쉽게 알려주는 JavaScript 기초 강의입니다.

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!

이 강의를 통하여 러프하게 FastAPI를 통한 백엔드 기초와 더불어 React.js AWS 배포까지하여 실제 배포까지 빠르게 경험해볼 수 있어요

이 강의를 통해 수강생은 HTML, CSS, JS로 인스타그램과 비슷한 웹서비스를 만들 수있습니다. ( 프론트만 구현했습니다! 백엔드 서버 구축은 차후 강의 촬영 예정입니다.)

자바스크립트로 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 자료구조와 알고리즘을 직접 구현하며 학습합니다. 자주 출제되는 문제 유형을 함께 풀이하며, 코딩 테스트와 면접에 꼭 필요한 문제 해결 능력까지 키울 수 있습니다.

JavaScript 기반의 웹 프레임워크 Express.js를 사용하여 서버 코드를 작성해보며 기초적인 사용법 및 서버의 동작 원리를 이해합니다. 프론트엔드 역시 본질적으로는 서버가 필요하며, static serving, dynamic rendering 등의 다양한 기법이 생겨나는 과정을 공부하며 이해도를 높입니다.

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

누구보다 빠르게 배우는 Springboot + ReactNative RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 ReactNative로 나만의 게시판을 만들어보세요!!

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

"리엑트 잘하는 개발자되기" 책이 출간되었습니다. 이 책은 리액트 학습 전에 필요한 웹의 기본 원리부터 최신 리액트 훅까지 체계적으로 안내하여 탄탄한 기초 지식을 제공합니다. 총 40개 이상의 다채로운 실전 프로젝트와 풍부한 실습 예제를 통해 이론을 실무에 바로 적용하며 문제 해결 능력을 키울 수 있습니다. 또한 리덕스 툴킷, 주스탠드, 파이어베이스 등 현대 웹 개발에 필수적인 기술들을 함께 익혀 완성도 높은 리액트 애플리케이션 개발자로 성장하도록 돕습니다.

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.