Slack Clone Coding [Real-time Chat with React]

With the arrival of the AI era, the skills required of developers are becoming increasingly complex. You might have thought, "I just need to be good at frontend," but when you try to create your own service or integrate AI features, you eventually hit a massive wall called the backend. However, as you try to start backend development, are you overwhelmed by how much there is to learn—from database design and authentication (Auth) to storage management and complex infrastructure setup? Now, you can lay down that heavy burden. In this course, we use Supabase, which solves all these backend functions at once. We will guide you through the fastest shortcut to becoming a full-stack developer who can "instantly" complete a backend without complex server knowledge and bring ideas to life immediately.

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.

In this lecture, we will practice developing programming thinking skills using JavaScript. Let's start with the web game, the multiplication table, and then create a word game, number baseball, a reaction speed test, tic-tac-toe, a lottery machine, rock-paper-scissors, a card matching game, a text RPG, a minesweeper, a 2048 game, and a mole catching game.

Let's learn NestJS, which is called the Spring of Node.js, and experience the convenience of Dependency Injection. Let's learn everything from API development, comparison with Express, deployment, and testing.

Let's use React and TypeScript together by adding TypeScript to a web game made with React and React Router, Redux, and MobX.

Learn Vue.js and Vuex and Vue Router, which are used with Vue, by creating 8 simple web games.

Learn React through web games. Get familiar with Classes and Hooks, and learn additional things like Context API, React Router, Webpack, and Babel.

Let's delve into the source code together, from technical interviews to practical design. I'll help you develop the deep understanding and unique perspective necessary for the AI era. Grow from a developer who simply "used" Next.js to an expert who "understands" why it's used that way.

By creating representative UI elements in React and pure JavaScript versions, you can experience various perspectives and methods using Web APIs and further improve your front-end development skills.

Let's quickly learn React's core design patterns through concepts and examples!

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 covers the entire Critical Rendering Path (CRP) process, from the moment the browser receives HTML to create the DOM, to combining it with the CSSOM and painting pixels on the screen. Moving beyond simple DOM manipulation, you will learn how CSS and JS impact performance, as well as practical strategies to noticeably improve real-world web performance—including image and font optimization, Lazy Loading, Intersection Observer, virtual lists, and hands-on practice with DevTools.

This course is an introductory program designed for learners starting their React journey for the first time. It aims to help you systematically learn the basic syntax of JSX and develop practical skills through mini-projects where you can apply what you've learned. Beyond simple syntax learning, the curriculum is structured to help you understand the fundamental flow of React development and component-based development methods.

This is a full-stack hands-on course where you clone code ChatGPT and implement it from start to finish. From Spring Boot server to React frontend | Neo + Essential This isn't just a course where you follow along with code, but guides you to build a high-quality AI chatbot service through actual service deployment.

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 goes beyond simple DOM manipulation, deeply learning how to dynamically compose and react to web UIs within interactions with actual users. It's structured for you to learn by directly implementing common issues encountered in practice, from the essence of event systems, bubbling and capturing, event delegation, real-time UX feedback, to performance optimization using throttle & debounce. Based on an understanding of the DOM tree structure, you will develop the ability to flexibly connect event flow and state changes.

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

JavaScript, TypeScript Next is backend development! You will be able to develop REST API backends using NestJS, develop and deploy Socket IO.

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.

"Becoming a Developer Who Excels at React" has been published. This book provides a solid foundation by systematically guiding you from the basic principles of the web needed before learning React to the latest React hooks. Through over 40 diverse hands-on projects and abundant practical examples, you can apply theory directly to real-world situations and develop problem-solving skills. Additionally, it helps you grow into a developer capable of building high-quality React applications by learning essential modern web development technologies such as Redux Toolkit, Zustand, and Firebase.

Through this lecture, students can create a web service similar to Instagram using HTML, CSS, and JS. (Only the front-end is implemented! The back-end server construction will be filmed in a later lecture.)

This is a highly concentrated Typescript grammar lecture that will turn you into a Typescript grammar expert with just one lecture, even if you don't know anything about Typescript.

Cultivate advanced programming language utilization skills and software design and implementation skills combining functional, object-oriented, and LISP paradigms, necessary for growing into a mid-to-senior level developer.

Take advantage of TypeScript's features!

A course to learn the latest Node.js backend REST API using fastify, a Node.js framework boasting high speed, ORM Prisma, and Typescript.

We develop an avatar-based community app with React Native. You'll learn to build a comprehensive community app, covering post creation, comments/replies, likes, voting, avatar generation, etc.

This course will help you develop mobile apps that can be serviced on Android and iOS using web development.