Introduction to Open Source JavaScript React Programming Part.3

This is a series of video lectures for AWS beginners and college students enrolled in AWS Educate. We will briefly introduce the AWS registration process and free tier services.

This course teaches you how to write safe and reliable code in the software development process. Rather than simply stopping at feature implementation, you'll learn programming principles and techniques that can prevent security vulnerabilities and ensure stability. Through hands-on practice and case studies, you can understand security threats that may occur in real development environments and acquire safe coding techniques such as coding rules, input validation, exception handling, and memory management to prevent them. By taking this course, developers will enhance the completeness of their code while gaining practical capabilities to develop software with security and reliability.

This is a hands-on course where you'll build an AI-based autonomous driving car using Raspberry Pi and various sensors.

This is a basic C++ course for those who are new to C++ programming. You will learn and practice how to utilize C++ along with an overview of programming and the basic grammar of C++.

This is an introductory course on 3D graphics modeling using the 3D modeling software Autodesk Maya. The course consists of four parts, and in this section, we will start with tool installation and learn the basic functions of Maya.

This course is an advanced program that delves deeply into C# multi-threading and asynchronous programming, structured to help you systematically learn concurrency handling techniques frequently used in practice. First, you will understand the basic concepts of threads and practice how to create and manage them. You will learn how to finely control thread states and behaviors through various thread methods, the ThreadState enumeration, and Flags attributes. Next, you will practice the differences and use cases of **Interrupt() and Abort()**, and learn how to reliably implement synchronization between threads using the **lock keyword and the Monitor class (Enter, Exit, Wait, Pulse)**. Furthermore, the course covers asynchronous programming techniques essential in modern development environments, including hands-on practice with parallel programming using the Task and Task<TResult> classes, as well as the Parallel class. Finally, through the async/await keywords, you will understand the differences between synchronous and asynchronous code and gain experience applying more efficient asynchronous processing methods to projects. Through this lecture, learners will acquire the ability to develop high-performance applications using multi-threading and asynchronous programming, gaining confidence in solving concurrency issues and implementing efficient programs in real-world scenarios.

This course is a practical-focused program that covers the comprehensive utilization of **Google Sheets, the most widely used spreadsheet program in the world**. Starting with basic functions such as fundamental input, formatting, and cell management that even first-time users can easily follow, the course progressively advances to professional features including advanced function utilization, data analysis and visualization, conditional formatting, and pivot tables through step-by-step learning. Additionally, by focusing intensively on Google Sheets' unique strengths of real-time collaboration tools and cloud-based sharing features, learners can experience an efficient work environment where multiple people can simultaneously create, edit, and review documents. Through this course, learners can go beyond simple spreadsheet usage to simultaneously strengthen their data-driven decision-making abilities and collaboration capabilities, significantly improving work productivity.

This course is a step-by-step learning program that covers network programming from fundamentals to hands-on practice. First, we examine the origins and development of the Internet to understand how today's network environment was formed. Next, we learn the structure and operating principles of the TCP/IP protocol, which is the core of networking, to build a theoretical foundation. In the practical stage, we implement actual network communication using the Socket class, TcpListener, and TcpClient classes provided by C#, and experience client-server architecture. Through this, you can understand the actual data transmission and reception process and network connection procedures beyond simple theory. Finally, we visually implement network programs by creating user interfaces (UI) using WinForm. We practice enabling connection, message transmission, and reception through button clicks, developing the ability to create network application programs that can be utilized in real-world environments.

This course is a lecture that teaches C# Windows Forms (WinForm) application development step by step from basics to hands-on practice. First, you will understand how Windows Forms applications work and learn the structure and usage of WinForm classes and Application classes. Through this, you will become familiar with the execution flow of applications and build a foundation through actual code practice. In the following lessons, you will design forms using the form designer tool and implement **user interfaces (UI) utilizing various controls** such as buttons, text boxes, and labels. Rather than stopping at simple UI composition, you will develop the ability to create programs applicable in real work by adding event handling and interactive features. Additionally, you will practice asynchronous task processing methods in the WinForm environment and learn techniques to simultaneously improve application performance and user experience. Through this course, learners can solidly build the fundamentals of desktop application development in Windows environments and acquire WinForm programming capabilities applicable to real work.

This is a course to learn in various languages how to call various open data provided by the public data portal from various programming languages and how to use JSON data provided as a result of the call.

This is a course to learn in various languages how to call various open data provided by the public data portal from various programming languages and how to use JSON data provided as a result of the call.

This is a basic machine learning course that briefly covers the basic machine learning theory for those who are new to machine learning.

This course is designed to help office workers and practitioners utilize office programs more proficiently. Rather than simply learning the functions, the learning process focuses on real-world business scenarios such as document creation, data management, and presentation production. Through this course, students will systematically learn everything from the basics to the practical application of office programs like Word, Excel, and PowerPoint, naturally acquiring the skills to apply various functions to their specific tasks. This will help increase the efficiency of simple repetitive tasks and further strengthen practical competencies such as report writing and data analysis. In short, this course is a practical learning program that provides productivity-enhancing skills that can be applied immediately in the field, not only for beginners new to office programs but also for professionals who already have experience using them.

This is an introductory 3D graphics modeling course using the 3D modeling software Autodesk Maya. The course consists of four parts in total, and this specific session focuses intensively on animation techniques using Maya.

This course is designed to teach the entire process of 'AI Training Data Construction,' which is essential for successfully executing AI modeling projects. Learners will not simply remain at the theoretical knowledge level, but will experience step-by-step the data construction processes required in actual practice. Specifically, the course covers the entire process from AI training data planning → acquisition → storage → preprocessing → labeling → pseudonymization and transformation through hands-on practice, structured to develop practical skills that can be immediately applied in the field. Additionally, learners will systematically study the most important data management capabilities in AI projects, such as data quality management and security issues, personal information de-identification processing, and dataset optimization. Through this, learners can grow from simple data collectors into data specialists who can proactively plan and execute AI projects. 👉 Through this course, learners will understand how to construct high-quality training data that determines AI model performance and acquire practical capabilities to effectively apply this in real work environments.

This tutorial will show you how to use Bootstrap to create responsive web pages that change layout depending on the device.

This course is designed to provide basic knowledge for those who are interested in mechanical drawing and design, those who are aiming to obtain qualifications in the field, those who wish to advance into a related field, or those who wish to improve their expertise.

This course is designed to prepare you for the Information Security Engineer written exam by concisely summarizing core theories and strengthening practical skills through problem-solving. Take a step closer to obtaining your Information Security Engineer certification with past exam analysis and practical preparation strategies.

When you want to try using Figma, a UI design authoring tool, or when you want to create something with Figma, you'll practice the most basic usage methods.

This course is a basic introductory program for learning how to utilize the Raspberry Pi Pico and various sensors. Learners will understand the fundamental functions of the Raspberry Pi Pico and acquire the ability to control various sensors using it. Based on a foundational understanding of the Raspberry Pi Pico, this course is structured to step-by-step improve your skills in utilizing sensors.

React is an open source JavaScript library created by Facebook. You can create UI based on components using JavaScript. Learn all the components you need to develop a web using React, the most popular front-end development library currently optimized for creating SPAs (Single Page Applications). In Part 1, you will learn the basic concepts of web development using React.

This is an intermediate learning course that goes beyond the introductory level of React to focus on the principles and practical applications of Hooks, which are most widely used in real-world development. Through Hooks—the core tools of functional components—you will learn step-by-step how to implement state management, lifecycle control, and performance optimization. In particular, the curriculum is systematically organized to cover everything from basic Hooks like useState and useEffect to the roles and usage patterns of advanced Hooks such as useRef, useMemo, and useCallback, helping you understand which Hook to choose for specific situations. Through hands-on examples, you will go beyond simple coding to gain experience in: - Optimizing state management between components - Preventing unnecessary re-renders - Managing dynamic data and controlling the DOM This will help you develop the intuition needed to solve problems frequently encountered in actual projects. By the end of this course, you will master the Hook-based development workflow—the core of React—and be able to confidently apply it to more complex application structures.

The ultimate full-stack course that teaches even beginners about web, server, mobile apps, and machine learning!! If you're not sure where to start with development, I highly recommend this course. It's all done with just Javascript!

React is an open source JavaScript library created by Facebook. You can create UI based on components using JavaScript. Learn all the components you need for web development using React, the most popular front-end development library currently optimized for creating SPA (Single Page Application). In Part.2, you will learn various ways to create React components.

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 will teach you how to develop web games.

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

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

A full course of hands-on Next.js! Complete a real-world project with the latest technologies such as GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, and Grafana, and experience both the App Router and Page Router.

In this course, you will learn the basics of how to use React and Node.

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.

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 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 🚀

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

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!

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

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.

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.

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

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