One Bite React Practical Library Kit - Zustand, Tanstack Query, TailwindCSS

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.

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!

Go beyond syntax to understand the principles and concepts—if TypeScript still feels confusing no matter how much you study, it's time to learn it properly! We will turn you into a TypeScript Wizard🧙🏻‍♀️.

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.

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.

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.

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.

Through this lecture, you will learn how to identify the overall types of front-end tests and how to write reliable tests by selecting the appropriate test for the situation.

This course covers practical Web APIs. I hope you gain the tools to solve requirements you are bound to encounter at least once in the field.

This is a course where you learn essential TypeScript concepts while writing React and Vue code that are widely used in practice. A course for both professionals and beginners that covers everything from how to add types to React and Vue to how to use ChatGPT!

Firebase's SQL version! You can master the basics of Next.js full-stack development through Supabase!

Complete everything from design to TDD and CI with Claude Code. Taking a single feature from one line of spec all the way to main merge.

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.

Practice REST API and GraphQL while creating a simple SNS service based on React. We introduce how to easily and simply create a backend environment for frontend development.

"A hands-on web development project course that covers everything from planning and design to implementation and deployment using Generative AI." We will complete the entire process together step-by-step—starting from idea conception, quickly creating designs with AI, implementing a functional website with React, and finally deploying it to the internet. Latest AI tools like Stitch and Figma Make will assist with your design work, and even complex coding will be taught in a way that is easy to follow step-by-step.

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

If you design the tests first, AI handles the implementation. A practical development approach that captures both speed and quality!

A portfolio-focused course on deploying a React frontend and Spring Boot backend directly to the AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects for their portfolio. You will gain the necessary knowledge for deployment through short-term, step-by-step practice, covering everything from server configuration to Docker, domain connection, Nginx, and HTTPS application!

In this course, you will learn how to create a chatbot using the API provided by Google.

Building your own emotional diary service with Spring AI + React It's time for our 4th project with Neo + Essential!

Throw away those simple services you can make with vibe coding in just 10 minutes! You can learn 'real' practical vibe coding. Let's create advanced services at the level of actual services according to planning and design with Cursor AI NCOP. No Code, Only Prompt

This course teaches you how to build a web application using React and Firebase, implementing core features used in real-world services such as login, post management, file uploading, and profile management. You will build a complete web service step-by-step, implementing email and social login via Firebase Authentication, Firestore-based data storage and real-time data processing, file uploading using Firebase Storage, and profile management features. This course is designed for frontend developers to understand how to quickly implement web services using Firebase without the need for complex server construction.

Digital marketing that makes money, such as Naver Shopping and Coupang Partners, requires consistency, but you can approach it easily and effectively with scientific analysis and automation. We will teach you the key secrets of creating a program that collects and analyzes popular products, keywords, blogs, and shopping information.

I have summarized how to create a profitable AdSense website. I have organized it so that even those without development experience can follow along, leaving only successful methods so that they can be replicated exactly.

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.