Node.js 교과서 - 기본부터 프로젝트 실습까지

웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

AI 시대가 도래하며 개발자에게 요구되는 능력은 점점 더 복잡해지고 있습니다. "프론트엔드만 잘하면 되겠지"라고 생각했지만, 나만의 서비스를 만들거나 AI 기능을 붙이려다 보면 결국 백엔드라는 거대한 벽에 부딪히게 됩니다. 하지만 막상 백엔드를 시작하려니 데이터베이스 설계, 사용자 인증(Auth), 스토리지 관리, 그리고 복잡한 인프라 구축까지 배워야 할 것이 너무 많아 압도되셨나요? 이제 그 무거운 짐을 내려놓으세요. 본 강의에서는 이 모든 백엔드 기능을 단숨에 해결해 주는 Supabase를 활용합니다. 복잡한 서버 지식 없이도 백엔드를 '뚝딱' 완성하고, 아이디어를 즉시 구현하는 풀스택 개발자로 거듭나는 가장 빠른 지름길을 안내합니다.

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

Slack 서비스를 따라 만들며 본격적인 리액트 웹 개발을 시작해봅시다! 회원가입, 로그인, 방 만들기, 실시간 채팅까지!

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

Node.js에 타입스크립트를 적용해보고, 기존 npm 패키지에 타이핑을 추가하거나, 직접 타입스크립트 라이브러리를 만들어봅시다.

리액트로 만든 웹 게임과 React Router, Redux, MobX에 타입스크립트를 붙여보면서 리액트와 타입스크립트를 같이 사용해봅시다.

Javascript를 비롯한 많은 프로그래밍 언어에서 비동기작업은 가장 까다롭고 소프트웨어의 복잡도를 올리는 요소 중 하나입니다. setTimeout, setInterval 과 같은 원시적인 비동기 프로그래밍은 버리고 RxJS 를 통해 복잡했던 비동기작업들을 손쉽게 처리할 수 있습니다.

이 강의에서는 React와 FastAPI를 활용해 실시간 투표, 댓글, 좋아요 등의 소셜 기능은 물론, 결제 시스템(카카오페이, 토스페이 등)을 연동해 수익화하는 방법까지 단계별로 실습합니다.

이 강의를 통해 수강생은 개발 환경 설정부터 변수, 조건문, 함수, 객체, 배열 등 JavaScript의 기초와 심화 개념을 폭넓게 학습합니다. 실습과 퀴즈로 꼼꼼히 복습하여, 웹·모바일 실무에 바로 적용 가능한 문제 해결 능력을 갖출 수 있습니다.

개발 유형을 테스트하는 웹 페이지를 만들어보세요! MBTI아닌 MBIT(My Best IT personalities)! 'MBIT 테스트 페이지'를 직접 만들어보며 웹 개발의 전반적인 프로세스를 익혀볼 수 있습니다. (Django 3.1 버전을 사용합니다.)

백엔드 개발자로 포트폴리오를 만들었지만 보여줄 게 API밖에 없는 취준생들에게 프론트엔드를 더해 하나의 웹 서비스로 만들 수 있는 경험을 제공해드리겠습니다.

"개발할 때는 잘 되던 쿼리가, 데이터가 쌓이니 갑자기 느려집니다." 이때 감이 아니라 근거로 원인을 찾아 30초 걸리던 쿼리를 0.1초로 만드는 것이 실무에서 인정받는 개발자의 실력입니다. 실행 계획, 인덱스, 옵티마이저, 조인과 정렬까지 수백만 건의 실전 데이터로 성능의 핵심 원리를 완성하고, 운영 환경의 느린 쿼리를 스스로 분석하고 해결하는 한 단계 높은 개발자로 성장하세요.

신입/현직 개발자라면 가장 어려워하는 서류 작성! 합격생들의 서류 작성법을 보고 자신만의 포트폴리오를 만들어 보세요! 합격된 서류만을 보고 이야기합니다!

이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

React, Node.js, MongoDB를 활용해 회사 웹사이트를 직접 제작하는 과정을 배울 수 있는 실전 강의입니다. 간단한 React, Node.js 배경으로 풀스택 프로젝트를 같이 만들어요!

이론부터 실습까지. 직접 개발한 웹사이트를 클라우드에 올리며 웹 개발 전반을 학습할 수 있습니다.

스프링 배치를 처음 접하는 취준생과 현업 개발자를 위한, 실전에서 바로 써먹을 수 있는 '스프링 배치' 강의 입니다!

「Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성」는 로컬에서만 동작하는 튜토리얼 수준을 넘어, 대규모 트래픽을 견디는 '진짜 상용 서비스(Production)' 아키텍처 설계 지침서입니다. TanStack Query와 Zustand를 결합한 무결점 상태 동기화부터, Turbopack 기반의 100KB 미만 번들 최적화 및 고급 SEO 주입, 그리고 프록시(Proxy)와 JWT 세션을 활용한 철통같은 풀스택 보안망 구축까지 현업의 핵심 기술을 모두 다룹니다. 지긋지긋한 Hydration 에러와 CORS 장벽을 스스로 허물고, 단순한 코더를 넘어 프론트엔드 시스템 전체를 지배하는 '시니어 아키텍트'로 도약하고 싶은 분들께 이 강의를 강력히 추천합니다.

GraphQL의 프론트엔드와 백엔드를 한번에 배울 수 있는 기회

2023년 리뉴얼된 React 공식 문서를 함께 학습해요.

차세대 API 제어 기술인 GraphQL의 기본과 고급 사용법 그리고 GraphQL로 만들어 가는 가상의 키오스크 서비스를 통해서 실제 프로젝트 경험을 학습하게 됩니다. 강좌는 2024년 2월 기준 가장 최신 버전인 apollo-server v4로 강좌를 부분 업데이트 했습니다.