Building Your Own Company Website with React, Node.js, MongoDB: Complete Guide

This course covers the fundamentals of the Notion API and teaches you how to automate Notion by integrating AI (Claude) using Notion MCP. You'll learn to directly control blocks, pages, and databases by following the official API documentation, and ultimately complete a hands-on project that creates databases and automatically adds pages by analyzing text file content using only natural language commands (prompts).

This course starts with the question "If I had been on the Titanic, could I have survived?" and completes a full-stack project that develops an AI model to predict survival probability based on actual data and serves it as a web service. You'll practice the entire process of AI and web development, from deep learning modeling using PyTorch, building a backend server with FastAPI, to implementing a user interface with Next.js.

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!

In this course, you will practice step-by-step using React and FastAPI to implement social features like real-time voting, comments, and likes, as well as integrating payment systems (KakaoPay, TossPay, etc.) for monetization.

🔥 Build a customized platform for Hanja learning! Leverage Google Gemini AI and Firestore to directly implement your own Hanja vocabulary book, stroke order animation, and even handwriting recognition!

🔥 Firebase User Authentication Completed with just HTML + Tailwind CSS + Pure JavaScript! From social login to phone and location verification, easily and quickly build an account system without a complex backend.

Through this lecture, you can create a shopping mall website from scratch step by step.

In this course, you will practice step-by-step using React and FastAPI to implement social features like real-time voting, comments, and likes, as well as integrating payment systems (KakaoPay, TossPay, etc.) for monetization.

‘Where and how should I store files that look like images? Should I store them in a database? Or on a server hard drive? How can I reduce server load? How can I quickly load many images without stuttering? AWS S3? CDN?! I just want to store and load images, so why are there so many elements? What role do each of these elements play, and how should they be combined?’ I will teach you all the necessary elements related to image files, from start to finish, as a full stack :)

Through this course, students will broadly learn the basics and advanced concepts of JavaScript, from setting up the development environment to variables, conditional statements, functions, objects, and arrays. Through thorough review with practice exercises and quizzes, they will be able to develop problem-solving skills that can be immediately applied to web and mobile development practices.

Asynchronous programming is a core concept in JavaScript. This course will help you fully understand and use asynchronous programming.

Beyond simply using Express.js, this lecture will have you directly implementing its internal engine from scratch to finish, allowing you to truly internalize the operating principles of a real server. You will directly build all of Express's components, such as routers, middleware, request-response objects, static file handling, and template rendering, from the ground up, providing an experience that fosters growth as a server developer.

A portfolio-focused course on directly deploying React frontend and SpringBoot backend to AWS cloud! This course is helpful for those who want to quickly deploy frontend and backend projects to their portfolio! You'll be able to practice step-by-step in a short period the knowledge needed for deployment, from server setup to Docker, Domain connection, Nginx, and HTTPS implementation!

New to React? You need to think about how to learn React's basic concepts solidly yet quickly. Start with Next.js and JavaScript with minimal knowledge. Let's develop by selecting only the essential examples needed for practical development. Todo examples are so important that you need to develop them twice. Once focusing on components, then focusing on routing that handles browser paths! Use Zustand for login! You can handle global state with really minimal code.

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.

This course goes beyond simply using Express.js. You will rebuild its internal engine from start to finish, gaining hands-on experience with the real principles of how a server works. By directly creating each component of Express—such as routing, middleware, request–response objects, static file handling, and template rendering—you will grow as a server developer and truly understand how a framework operates at its core.

You can improve your mobile web production skills, which are the most competitive in publisher employment and publisher practice. As a publisher, you can hone almost all production methods and know-how for producing mobile web. In particular, we have explained in detail the process of working on mobile web UI design with Figma, so that you can cover a large part of the design skills required of publishers and developers these days by learning Figma. In the mobile web publishing class, we explain in detail the detailed method of writing HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe production skills will be greatly improved. Mobile web publishing is a learning process that perfectly matches the layout for mobile and tablet using CSS variables (Var), so that you will have the ability to work on practical tasks that are similar to real work. You will gain sufficient intermediate to advanced CSS practical skills, focusing on Flex layout.

To become a developer who creates websites, there are many skills to learn. Among those many skills, I will explain HTML and CSS, which are the basics of website creation and the first things you should learn. You will learn how to write HTML and CSS, and at the end, you will do a project to create a website similar to the actual Amazon website. And you can create a URL of the project you made and distribute it.

Data can be processed and presented in tabular form, but the most important thing is to present the data in a way that humans can understand at a glance.

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.

This is a process of creating your own backend API server, using Node-based Strapi v4, without any additional coding, with just a few clicks, and deploying it to AWS EC2. Almost the same can be applied to Strapi v5. Please refer to the lecture A/S as well~

We will apply it in practice by crawling sites such as Naver, Amazon, Twitter, YouTube, Facebook, Instagram, and unsplash.com.

💡 Even non-developers can go from startup MVP to monetized service in just 10 hours with AI! 💰 Development that used to cost tens of millions in outsourcing fees now completely solved for 120,000 won 🎯 Complete 5 real business projects including business card recognition, sentiment analysis, and location analysis 🔥 If you're a planner, marketer, or aspiring entrepreneur, implement ideas without developers ⚡ Start now and acquire lifelong development independence skills!

Page 19, Total 22 different mobile layouts While creating various mobile layouts, you can improve your mobile web creation skills, which are the most competitive in the publisher industry and publisher practice. You can learn almost all the production methods and know-how for creating mobile web as a publisher. In the mobile web publishing class, we will explain in detail the detailed writing method of HTML wireframes, which is the strongest part of the class. Through the lecture, your HTML wireframe creation skills will greatly improve. In particular, you can learn enough about the CSS nesting method. You will acquire sufficient intermediate to advanced CSS practical skills centered on Flex layout.

This course is about TypeScript and React.

This course is for beginners and non-majors who want to properly learn the fundamentals of JavaScript. This course comprehensively covers everything from (1) understanding JavaScript concepts with various analogies in the shortest time possible to (2) getting familiar with the JavaScript language by writing practical JavaScript code.