Bite-Sized TypeScript

Master JavaScript and React all at once with this course, covering everything from core concepts to unique projects. An all-in-one, 18-hour course designed for short learning and long application!

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

AI is only as good as you are. Master "Vibe Coding" through a three-step process: AI utilization, foundational core knowledge, and project development. For those who want to learn Vibe Coding properly, we deliver the unchanging core concepts—applicable to any AI—in bite-sized pieces.

If you keep getting errors after asking AI to do it, the problem isn’t the AI—it’s that you lack the foundational knowledge to guide it. In this video, we’ll cover the seven foundational concepts that people who get stuck while vibe coding were missing, and explain what each one is and why it’s necessary. 👾 This is explained for people on day zero of coding who have never opened a terminal before.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

Upgrade your React app with Zustand, Tanstack Query, and Tailwind CSS! We guide you through the core concepts and usage of various tools so that you can take on even complex projects.

The 3rd installment of the "One Bite" series! This is the world's most friendly and detailed Next.js course. We will explore not only the App Router but also the Page Router through hands-on projects.

Have you ever felt frustrated while studying React? We'll help you build a solid foundation in the basics of JavaScript, which is the foundation of React, and then learn step-by-step, so you can open the way to React without giving up.

Now it's time to take on a real-world challenge 🔥 We will develop a production-grade SNS using React.js + TypeScript + Supabase, building features such as authentication & authorization, infinite scroll, image uploads, likes, infinitely nested comments, and dark mode. In the process, we will also explore server and global state management techniques using Zustand and Tanstack Query.

This is the practical application section of "Introduction to TypeScript - From Basics to Practice". If you haven't taken the introductory course, please start with the introductory section first 😄

If you want to understand TypeScript properly, you should read the official documentation at least once, right? This lecture will convey only the important parts of the documentation in an easy-to-understand manner, and also teach you the content you need in practice!

Now that you have learned the basic syntax of TypeScript, let's explore how to analyze the complex types found in famous libraries.

After studying JavaScript, starting TypeScript often leads to getting stuck on the question, "Why should I use these types?" rather than the new syntax itself. This course covers everything from basic types to unions, type narrowing, generics, keyof, Pick, and Omit in a connected learning path. Additionally, practice problems are provided as separate missions so you can directly apply what you've learned. After completing the course, you will be able to understand the causes of type errors instead of blindly hiding them, safely reduce repetitive types, and express the intent of your code through types.

This is a project-oriented course where you will build a "ToDo List" app using React and TypeScript with a professional touch. Beyond simply learning syntax, you will gain practical experience in using TypeScript by completing a real-world service—from component structure design and state management to type application, feature implementation, local storage integration, and deployment.

This course helps you understand the entire flow of backend development by building everything from an HTTP server to an AI service step-by-step. You will develop the ability to read and understand AI-generated code while learning core concepts such as servers, databases, HTTP, login, and deployment, along with practical applications of Node.js, Express, and NestJS through hands-on practice.

If you don't know why things keep breaking even though you're using AI, the problem isn't the coding—it's that you're giving instructions without knowing 'what is actually happening.' I will teach you Vibe Coding, where you complete a web service with login and payment features from scratch all the way to domain launching and SEO, while understanding the context of "what just happened?" at every step.

We will develop an avatar-based community app using React Native. You will learn the process of creating a high-quality community app that includes not only post creation but also comments/replies, likes, polls, and avatar generation.

I recommend this to those who want to learn how to easily create and distribute Android apps, Windows apps, and iOS apps. We will teach you the basics of TypeScript rather than JavaScript and Angular!

This is a course where you will build a map service from scratch using the MERN stack (feat. TypeScript). Let's build it step-by-step while following the official API documentation.

This course is a practical, hands-on guide for those who want to learn how to maximize development productivity in the AI era. Beyond simply learning how to use AI, we focus on how to utilize Claude Code in a real-world development environment and how to produce "proper results." Many developers use AI but still face issues such as: ❌ Inconsistent results ❌ Poor code quality ❌ Increasing project complexity To solve these problems, this course teaches you how to utilize AI as a "development partner" rather than just a tool through: ✔ Spec-based workflows ✔ Structured command systems ✔ Sub-agent and automation strategies Furthermore, you will gain the experience of completing and deploying a full application from start to finish by integrating with real-world services such as Firebase, Figma, GitHub, and Vercel.

Let's apply TypeScript to Node.js, add typings to existing npm packages, or create your own TypeScript library.

"Why did the AI write this code?" or "Why can't it remember what I just said?" The frustration you encounter when using AI tools like Claude Code stems from not knowing how the tool actually works. This course flings open that black box. Over 25 lessons, we will build our own Coding Agent from scratch that functions exactly like real-world professional tools—giving the LLM 'eyes' to see files (Read), 'hands' to fix code (Edit), and 'feet' to execute commands (Bash). This isn't just about learning how to use a library. You will gain hands-on experience by implementing code to understand how AI perceives project structures, why it loses its memory during long conversations, and how to solve those issues technically (Sliding Window, Summary). Through this process, you will evolve from being a mere 'user' of AI tools to an 'AI provider' who understands the underlying principles and can customize and evaluate tools to fit your specific needs.

In this course, you will be able to create a Reddit website from scratch, step by step.

Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone! Develop a CRUD server with Springboot and create your own board with NextJS!

You will learn about what a node is, the latest JavaScript grammar, the node API, npm, the module system, databases, testing, and more. You will create a project using five practical examples. You will also deploy a service to the cloud and convert a node project to TypeScript.

We have entered an era where it has become incredibly easy for web developers (especially React developers) to launch apps. With Expo, you can release both Android and iOS apps even faster. Let's become developers who can quickly launch apps through Expo.