Faster Than Anyone: Electron Todo List With TypeScript

Learn about the uses, pros and cons of various design patterns while creating a drawing board with TypeScript/JavaScript. Learning the canvas API is a bonus!

This is mission content for a development project. We provide a PRD planning document, Figma designs, and API endpoints so that you can practice by implementing a timer app called DevTime yourself. Make the knowledge you have learned completely your own by implementing a project at a level similar to an actual service 🚀

In this course, you will create your own React YouTube video site using the React framework and YouTube API. You will understand the basic concepts of React, learn how to structure components, and manage state. You will also learn how to use the YouTube Data API to retrieve external data, and understand how to process API responses to provide meaningful information to users. The goal is to create and utilize your own YouTube site.

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.

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

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.

This course includes both server (Java+Springboot) and front-end (React, ReactNative, Flutter, Android, iOS) development. Experience building a full-stack bulletin board with this course.

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!

When you find yourself constantly updating Swagger documentation, aligning API specs, and repeatedly communicating with the frontend, you start to wonder, "Why am I doing the same thing twice?" I also felt similar frustrations in my professional experience, which led me to use GraphQL extensively and develop an interest in data-centric design. This course goes beyond simple GraphQL syntax; it explores the real-world problems it was created to solve, along with practical considerations like Resolver structures, the N+1 problem, and Federation. I've structured this course to help you naturally learn how to reduce communication costs between developers and design more flexible API structures.

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!

Completing an integration project between an API server built with Spring Boot (ver 3.4.x) and React 19 (with TypeScript)! Applying front-end to a back-end portfolio! A course written for working professionals (not a beginner-level course).

The Next.js 15 App Router is a powerful architecture for building high-performance web services by perfectly controlling the boundary between server and client. This course clearly connects complex rendering mechanisms—from the operating principles of React Server Components (RSC) to the three major caching strategies (Static, Dynamic, and ISR)—through 12 practical missions. Through this, you will gain the ability to design file-system routing and nested layouts according to business requirements, completely breaking free from the anxiety of "vibe coding" where you copy code without understanding the principles. Ultimately, you will evolve into a Next.js architect who can instantly spot the blind spots in AI-generated code and proactively direct the optimal structure.

Complete a company introduction landing page with hands-on vibe coding. Using Cursor AI + Next.js + TypeScript + TailwindCSS + shadcn/ui + MCP stack, proceed from design to deployment all at once. The key is "fast implementation + SEO foundation that performs well in search engines." 🏁 Course Objectives Landing creation → Performance optimization → SEO implementation → Deployment/Indexing Real-time coding (vibe coding) to immediately check completed sections Direct experience including search indexing 🛠️ Practice Stack Cursor AI, Next.js(App Router), TypeScript TailwindCSS, shadcn/ui, MCP workflow 🔍 SEO Practice Apply SEO optimization MD files provided by instructor Metadata, OG/Twitter cards, robots/sitemap, structured data (JSON-LD) Optional multilingual routing implementation 🎯 Final Product Responsive company introduction landing + contact form Target Lighthouse 95+ Vercel deployment followed by Search Console registration and indexing request 📚 What You'll Learn from This Course How to quickly compose hero/trust/features/FAQ sections Clean UI composition with shadcn/ui Form validation and basic conversion tracking point design Boosting SEO scores with structured data + multilingual routing Understanding the indexing process through Search Console after deployment 💡 Industry Insights (Course Bonus) Beyond just code implementation, we'll briefly cover marketing and exposure methods actually used in the real market. Realistic pricing ranges for advertising, blog posting, and comment work How outsourcing and contracting companies actually proceed with SEO and exposure work Cost/efficiency differences between direct developer participation and outsourcing Through this section, you can develop a sense of how technology is actually utilized in real industry work and what cost structures drive it, beyond just the technical aspects. One-Line Summary Following the flow of "implementation → optimization → deployment → indexing," learn the web creation process that connects to actual search exposure and real industry market structures.

This is a course for those starting with TypeScript. The curriculum has been designed so that even those unfamiliar with modern JavaScript syntax can learn easily. Let's learn TypeScript, which may seem difficult, in an easy and fun way from a beginner's perspective 😄

A Complete End-to-End Developer Journey — Build Lightning-Fast APIs, Modern Frontend Interfaces, Real Projects, Authentication Systems, Dashboards & Full Deployments Using FastAPI, React, and Vibe Coding Techniques.

"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.

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.

"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.

I want to launch a side project as a real service and study Kubernetes, but managed services from AWS/GCP (EKS, GKE, etc.) are too expensive. On the other hand, running it only on a local computer makes it difficult to experience network configurations or actual deployment environments. We will utilize the "Always Free" tier of Oracle Cloud (OCI), which offers the most powerful free benefits among existing public clouds. By installing the lightweight yet powerful k3s, we will build a Linux server and Kubernetes environment capable of hosting actual services from scratch—all at zero cost. After taking this course, you will gain a general understanding of cloud networking and possess your own Kubernetes cluster infrastructure where you can deploy and operate your applications for free.

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.