Core Frontend UI - Part 1

This lecture examines the overall flow of core concepts that run through all of JavaScript up to ES6.

This is a study video that follows the contents of the book "Modern JavaScript Deep Dive". It will be much easier if you study together!

Let's learn together the official React documentation that has been renewed in 2023.

This is a study video that follows the contents of the book "Effective TypeScript". It will be much easier if we study together!

The ES6+ Understanding Course provides an in-depth introduction to the ES6 and subsequent standard ECMAScript specifications for JavaScript, with a theoretical foundation, and explains the differences from ES5, as well as the concepts and operating principles.

The ES6+ Understanding Course provides an in-depth introduction to the ES6 and subsequent standard ECMAScript specifications for JavaScript, with a theoretical foundation, and explains the differences from ES5, as well as the concepts and operating principles.

From development to distribution! We will show you the arduous journey to complete a single service without filtering. You will be able to overcome the difficulties and difficulties by introducing a lot of new technologies!

Experience various perspectives and methods using Web APIs by creating representative UI elements in both React and pure JavaScript versions, and take your front-end development skills to the next level.

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.

The ES6+ Understanding Course takes an in-depth look at the differences from ES5, concepts, and operating principles of ES6 and the subsequent standard ECMAScript specification for Javascript based on theory.

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.

Have you ever felt frustrated while studying React? We'll help you build a solid foundation in the JavaScript fundamentals that underlie React, learn step-by-step, and pave the way to React without giving up.

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.

You can gain the ability to implement a chat program in just one hour using Next.js + Cursor IDE.

This is not just a lecture you listen to and forget. This course aims not for "the moment you understand React," but for "the moment you can actually work with React." In every section, you'll complete missions alongside the lectures, solve practice problems yourself, and learn by implementing core concepts like JSX, Virtual DOM, State, and useEffect with your own hands. When you finish the course, you won't just be a beginner who knows React syntax—you'll be a developer who can explain and utilize everything from component design to rendering flow on your own. "Not a class you just listen to, but learning you build through completion." Understand the essence of React and experience the world of declarative UI firsthand.

The goal is to acquire basic knowledge of React Native for mobile app front-end development. This course is designed to enable non-experts to easily develop native mobile apps by utilizing languages/APIs with low entry barriers.

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

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!

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

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🧙🏻‍♀️.

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.

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

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 🚀

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!

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.

We will create a Twitter-like SNS service using the React & Next & Redux & Redux-Saga & Express stack. Finally, we will perform search engine optimization and deploy it to AWS.

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.

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!

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

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