Firebase Series #2: AI Hanja Recommendation & Handwriting Learning Platform

Build a zero-cost pipeline by installing ComfyUI on Kaggle's free GPU, connecting via Pinggy tunneling, and linking it with n8n workflows to automatically iterate through Google Sheets prompts for bulk image generation, storage, and notifications. Through 10 chapters over 8 hours, you will practice everything from the ComfyUI node system to REST API conversion and n8n Loop/Webhook integration, reproducing the same results using provided JSON files. Even without programming experience, you will complete a practical automation factory that mass-produces SNS, advertisement, and thumbnail images unattended.

This is a practical course where you will directly create a timer app using React, Electron, and Zustand, and even deploy it to cross-platforms (Windows, macOS, Linux). Starting with familiar React web development, you can learn the entire flow of desktop app development, including global state management via Zustand and final GUI deployment!

This course covers the fundamentals of the Notion API and teaches you how to automate Notion by integrating AI (Claude) using Notion MCP. You'll learn to directly control blocks, pages, and databases by following the official API documentation, and ultimately complete a hands-on project that creates databases and automatically adds pages by analyzing text file content using only natural language commands (prompts).

Do you want to automate repetitive tasks with AI without using paid tools? I will share the practical know-how I gained from building systems myself using n8n and Llama. This is not a lecture where you simply learn "how to connect nodes." We will build actual workflows that you can use immediately, such as automatic Google Sheets organization, YouTube subtitle collection, AI fact-checking, and schedule management.

What if AI could directly open a browser and write shell scripts to resolve server issues? Through practical automation know-how implemented with OpenClaw across Windows and Linux, we guide you on the shortest path to completing your own powerful remote development environment without complex configurations.

Based on the experience of wondering how facial recognition works in offline environments on-site, this course will guide you through building the basic structure of a facial recognition-based access and attendance management system using React + Electron and Python's FastAPI-based DeepFace. Rather than focusing on perfection, we focus on understanding the operating principles and laying the foundation for you to expand into your own personal projects.

Starting with the question, "If I were on the Titanic, would I have survived?", this course completes a full-stack project where you develop an AI model to predict survival probabilities based on real data and deploy it as a web service. You will gain hands-on experience in the entire process of AI and web development, from deep learning modeling using PyTorch to building a backend server with FastAPI and implementing a user interface with Next.js.

In this course, we will practice step-by-step how to use React and FastAPI to implement social features such as real-time voting, comments, and likes, as well as how to monetize by integrating payment systems (Kakao Pay, Toss Pay, etc.).

🔥 Firebase User Authentication Completed with just HTML + Tailwind CSS + Pure JavaScript! From social login to phone and location verification, easily and quickly build an account system without a complex backend.

This is a practical course where you can learn the process of building a company website yourself using React, Node.js, and MongoDB. Let's build a full-stack project together with a basic background in React and Node.js!

For job seekers who have created a portfolio as a backend developer but have nothing to show but an API, we will provide the experience of adding a frontend to create a web service.

This course goes beyond simple DOM manipulation to provide an in-depth look at how to dynamically construct and respond to web UIs within real-world user interactions. It is designed to help you master common professional challenges by directly implementing the essence of the event system, bubbling and capturing, event delegation, real-time UX feedback, and performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flows with state changes.

We solve the fundamental problem of losing control amidst AI-generated fragmented code and the complex React ecosystem by opening the hood and engineeringly analyzing the internal workings of core React libraries such as Zustand, TanStack Query, React Hook Form, Zod, and the React Compiler. By moving beyond simple tool usage and mastering how to directly manipulate the performance and data flow of the React engine, you will build the solid 'enterprise architecture design muscle' necessary to respond immediately to any crisis.

Have you ever thought about building a 'real system' beyond simply rendering screens? The real problem many developers commonly face is something else entirely. It's the limitation of a 'fake full-stack'—where things look plausible on the surface, but data synchronization frequently tangles, speed is frustrating, and you lose track of where to even start when just a few features are added. This isn't a problem that can be solved by simply memorizing one more Next.js feature. This course will resolve that frustration from the roots. Encyclopedia-style classes that just list features are boring, aren't they? Instead, we have tightly integrated the fundamental principles of Computer Science (CS) with the advanced architecture of Next.js. We will directly transplant into your fingertips the enterprise-level design skills required to flexibly withstand millions of visitors and maintain perfect data consistency.

In this course, you will learn how to create a chat application using React and Firebase.

Supabase to give wings to full-stack development! Complete full-stack development in 2 hours with Supabase, a superset of Firebase.

This is an all-in-one course that takes you from the basics of TypeScript-based Next.js 16+ to a production-ready project level. You will learn by directly implementing core concepts and practical patterns of the latest Next.js, including App Router, Server Components, Server Actions, Caching, Cache Components, authentication, performance optimization, and deployment.

This is the second course in the JavaScript Bible series, which consists of four courses. By understanding the JavaScript engine, you can develop programs optimized for JavaScript and design systems with confidence.

This course is designed to learn the JavaScript programming language along with the latest ES6 grammar.

This is the most solid foundation course for beginners who want to learn JavaScript properly. This course will be the starting point for understanding the language called JavaScript, and you can perfectly prepare the basics to become a front-end (Vue, React, Angular) developer and server (Node.js) developer.

[Tailwind CSS Practical Portfolio Publishing] is a process of creating more than 26 different practical examples using Tailwind CSS. As you quickly create a variety of practical examples, we will explain the essential theories. This lecture was created with a focus on Tailwind CSS styling created by developers and publishers.

Document writing is the most challenging part for both aspiring and current developers! Create your own portfolio by looking at how successful candidates write their documents! We speak based only on documents that actually passed!

I will help you learn React Native in the shortest possible time. I will not include any unnecessary parts.

Jeju Coding Basecamp's free lectures are back!! Let's build the "10,000 Hours Rule" service together and even deploy it on GitHub!! :) Don't know anything? That's okay. Everything is prepared in this course!

For over 15 years, Young Codi Kim, a star coding instructor, has been dedicated to coding education for elementary school students, high school students in IT software departments, university students in computer science, and job seekers without a major in the field. Now, you can experience Kim's easy and fun coding lectures not only offline but also online. With Young Codi Kim, who has trained over 500 front-end, back-end, full-stack, and web developers, your dream of becoming a developer will soon become a reality!

"2026 UIUX Designer | Coding Designer Agency Pass Portfolio Reveal" This is a practical lecture on creating a UIUX web portfolio that catches the interviewer's eye. The curriculum is designed not just for simple portfolio creation, but to enhance your competitiveness as a UIUX designer with differentiated results utilizing interactions.

This course goes beyond just using Express.js—you'll implement its internal engine from scratch to truly understand how real servers work. You'll gain hands-on experience growing as a server developer by building all of Express's components from the ground up, including routers, middleware, request-response objects, static file handling, and template rendering.

This is an intermediate course for developing mobile apps based on React Native. This course is designed to help you develop a complete app that can handle server linkage/login/data transmission/reception/public API utilization, while learning not only the in-depth content of the front-end but also the back-end content based on Firebase.

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

CSS Grid is a powerful tool that allows you to implement even complex layouts simply and intuitively. In this lecture, we have structured the content so you can easily learn everything from the core concepts of CSS Grid to practical application methods step-by-step. Now, stop being tied down by complicated float and flexbox, and learn the standard of efficient layout design! Get started right now!