강의

N
챌린지

멘토링

N
클립

커뮤니티

BEST
Programming

/

Front-end

[Code Camp] The 'Perfect' Frontend Course Created at Bootcamp

This is the perfect frontend curriculum from a 'real' bootcamp that has produced hundreds of developers. With this single course, you can grow to the level of a junior developer in the field, and you'll gain the ability and knowledge to utilize frontend technology stacks. [Code Camp] has prepared this so that anyone can build their career regardless of their social, economic, or educational background :)

(5.0) 13 reviews

423 learners

이론 실습 모두
코드캠프
코딩독학
React
Next.js
GraphQL
React Native
Hybrid App

What you will gain after the course

  • Preparing for Advanced Courses with Kind [CSS&Javascript]

  • Utilizing the Latest Tech Stack for [Web Frontend]

  • Practical Skills for [Hybrid App Frontend]

  • 2 mini portfolios, 2 professional portfolios

  • Complete Understanding of the Overall Development Cycle

Even non-majors with no background
⭐ Career jump to frontend developer ⭐

비주얼배너(격자 3개)

💥Attention!

This course is actually used in coding bootcamps, so 'you may feel some of the real-world atmosphere.'
The curriculum is designed to be accessible to everyone from complete beginners and non-majors to junior developers.

Created in a 'real' bootcamp
[The Perfect Frontend Course] is

"I don't know the first thing about coding... Can I get a job as a developer?" Put those worries aside right now.
This course starts with solid foundational lessons so that even complete beginners can grow to the level of professional developers!

The 'High-Concentration Frontend Course' chosen by over 2,000 students both online and offline
has been updated even more powerfully and returns as the 'Perfect Frontend Course'😀

🎯With just the 'Complete Pro' course, you can learn from the basics to web and even hybrid apps through a perfect course.

3. 시작은 프리캠프 커버이미지

The beginning was Free Camp

  • Over 4,000 students have taken this best beginner-friendly course.

  • What is coding? From program installation to building foundations

  • Learn the basics and application of web structure, HTML, CSS, and Javascript.


    ✅ Project: Sign Up, Mini Homepage


CSS&JS Master 커버이미지

CSS&JS Master🆕

  • Beyond the basics, learn CSS and Javascript that you can apply in real-world projects.

  • You can master CSS through over 60 of the latest properties.

  • You can master Javascript through practical feature implementation.


    ✅ Project: Trendy Dashboard Diary

WEB FRONT-END 커버이미지

Web Frontend Bootcamp 🆕

  • Providing the representative frontend lecture from the coding bootcamp 'Code Camp' as is

  • Learn the latest React, Next, and libraries for 2025.


  • Over 100 hours of meticulous and systematic step-by-step practical curriculum


    ✅ Project: Community and Product Purchase Platform for Travelers 'Travel Platform'

Hybrid App 커버이미지

Hybrid App Bootcamp🆕

  • We offer the first-ever bootcamp hybrid app course!

  • Implement hybrid apps using React Native and Expo.

  • Meet the best portfolio builder and your own hybrid app mentor.


    ✅ Project:Complete a 'Travel Platform' with a Hybrid App

For these people,
it's absolutely perfect

A to Z
Not just a 10-hour conceptual lecture
I want a 'real' professional course.

Development..?
I don't know anything, but I want to grow properly to employment level.

Huh?! Forbidden~
I really need
my own mentor who teaches me thoroughly.

For a higher career jump,
we provide bootcamp course materials and assignments

Are you taking online classes but feel like there aren't enough assignments?
We provide the same learning materials and assignments used in bootcamps.

If you follow the lectures, review the learning materials, and complete the section assignments well, you can expect tremendous growth😁

섹션별 학습자료 이미지

Providing Detailed Learning Materials (Notion)

📑Learning Materials by Section

This is material that helps you understand the content while taking the course. Since it's the actual material used in the bootcamp, if you use it well, it will be a great help to ensure you don't miss anything.

디자인 가이드

Design materials provided for the class (Figma)

📑Design Guide

We provide essential designs that are crucial for frontend classes. You can build your portfolio by following the designs exactly, and if you can add additional features, you'll be able to achieve even greater growth.

섹션별 과제 이미지

Tasks clearly divided by section

📑Clear Assignments for Each Section

We guide you through clear assignments for each section, just like a bootcamp at home. Follow the assignments diligently and add practical projects to your portfolio!

✅Reference code is also provided for basic assignments.

Complete your portfolio
with code written by your own hands.

In 'Perfect Frontend', the curriculum is structured so that you can complete a project for each course, enabling focused growth. With a step-by-step curriculum that everyone can understand, as you follow along with the lectures while building actual projects, not only will you gain a sense of achievement, but your skills will also improve, right?

시작은 프리캠프 포폴 이미지 (1)

The beginning is Free Camp

Complete a Cyworld project to practice basic HTML, CSS, and JavaScript.

CSS&JS 포폴 이미지 (1)

CSS&JS Master

Complete a trendy dashboard journal where you can record your emotions.

숙소예약 포폴 이미지 (1)

Web Frontend Bootcamp

Complete the traveler bulletin board 'TripTalk' faithful to CRUD and the 'Travel Platform' where you can purchase accommodation products.

하이브리드앱 포폴 이미지 (1)

Hybrid App Bootcamp

Now, complete the 'Travel Platform' as a hybrid app.

Core Technologies of Frontend
Why Should We Use React.js and Next.js?


Next.js is a framework for the React library. Unlike React, Next.js fundamentally performs Server-Side Rendering (SSR), making it great for Search Engine Optimization (SEO). Additionally, through pre-rendering, it allows you to fetch pages with data rendered in advance, which is also advantageous in terms of user experience.

In addition to this, it provides page-based routing, image optimization, built-in CSS, and more to improve project performance, and offers a developer-friendly environment, enabling efficient and high-performance development 😊

Finally, now is the era of hybrid apps!
Based on React and Next, you can develop hybrid apps more conveniently and efficiently using React Native and Expo, and build services for Android and iOS.

Moreover, with just one full-package course
you can get this much of a stack all at once!

In this course, you'll learn by working on projects that utilize not only React and Next.js, but also various major stacks such as TypeScript and GraphQL. As you implement each feature, you'll learn how to use organically connected languages, naturally gaining an understanding of diverse technology stacks.

Because in real-world work, you need to be able to use various languages and technology stacks appropriately to achieve maximum efficiency!


*version: These are the main stack versions used in the course. (Please refer to them if needed!)

-"next": "14.2.13",
-"react": "^18",
-"react-dom": "^18",
-"typescript": "^5"
-"@apollo/client": "^3.11.8",
-"graphql": "^16.9.0",
-"react-hook-form": "^7.53.1",
-"zod": "^3.23.8",
-"zustand": "^5.0.0",
-"tailwindcss": "^3.4.1",

It's okay if you don't understand 'Version' and these tech stacks. I'll explain everything thoroughly and kindly in the course 😊

A 'Boundary-Pushing' Frontend Bootcamp Curriculum
That Doesn't Miss a Single Gap

💡It covers everything from React basics to core concepts. Check out the key content of the web curriculum💡

1. React와 Next.js

#01. React and Next.js

You can learn React 18 from the basics to the core concepts with significant upgrades. You'll install various packages, understand Node.js as a JavaScript runtime environment, and create projects with React and Next.

2. JS와 비동기핵심

#02. JS and Asynchronous Core

Let's learn about scope, closure, hoisting, event loop, the relationship between await and microtask queue, and state rendering through browser practice.

3. 컴포넌트 설계

#03. Component Design

Design and implement shared components using TypeScript and utility/generic types, and deploy them via npm to enable sharing between user and admin projects.

4. 캐시

#04. Cache

Learn about server data caching practices based on fetch policies and Shallow-Routing to optimize local data caching.

5. 로그인과 보안

# #05. Login and Security

You can practice using accessToken and refreshToken, defending against localStorage token theft and XSS attacks, and create a proxy API based on understanding CORS and CSRF.

6. 심화기능1

#06. Advanced Features

We'll practice payment, maps and postal codes, and editors. We also provide backend APIs for real-world practice.

7. 성능 최적화

#07. Performance Optimization

You can learn and apply 10 performance optimization techniques for frontend development. (Memoization, prefetch, preload, windowing, etc.)

8. 프론트엔드 서버

#08. Frontend Server

Based on understanding SSR/CSR and hydration,
we'll proceed with React 18 RCC/RSC refactoring and apply it to the project.

9. 테스트

#09. Test

You can perform API mocking tests using MSW and E2E tests using Playwright.

10. 웹 배포

#10. Web Deployment

We'll practice deploying static sites to AWS S3 and dynamic sites to EC2 with HTTPS, based on browser operation principles, networking, and Docker.

⭐Now is the era of hybrid apps! Check out the key content of the [Android/iOS] app curriculum⭐

11. 모바일 CSS 구조

# 01. Mobile CSS Structure

You can learn CSS structure design for handling various device sizes, common headers, scroll-based footer responses, and tablet expansion.

12웹_앱 통신

#02. Web/App Communication

Learn how to design and implement API structures for communication between apps and web applications.

13. 심화기능2

# 03. Advanced Features

You can learn and practice app notifications, location information, device information, camera, Android back button, and permission changes.

14. 마이크로 프론트엔드

#04. Micro Frontends

Based on an understanding of various micro-frontend approaches, you can learn and practice domain separation in webviews and cache sharing between webviews.

15. 앱 로그인

#05. App Login

You can learn and practice how to use accessToken and refreshToken, practice token theft from asyncStorage using rooting, and securely store tokens in SharedPreference and keychain.

16. 앱 배포

#06. App Deployment

We will understand the hybrid app deployment process and practice test deployment.

[The Perfect Frontend Course]
After completing it, I'm a developer too!

[[SPAN_1]]🙆🏻‍♀️ 실무에 바로 활용할 수 있는 [[/SPAN_1]][[STRONG_2]]포트폴리오 2개[[/STRONG_2]]

👨🏻‍🎓 Building solid development knowledge that enables self-growth (especially growing to know what to search and which keywords to use!)

💁🏻‍♀️ A junior developer who practices smooth communication in the workplace

🙋🏻‍♀️ You can do it alone Web Platform Development

👨🏻‍💻 Hybrid App Development You Can Do Alone (Android, iOS)

For a higher career jump,
we've also prepared practical [Vibe Coding] courses.

Related Recommended Courses:

If you've understood the latest frontend technology stack and development cycle using the practice API, now it's time to learn how to develop frontend quickly and reliably with systematic vibe coding! Vibe coding applicable to real work is essential both for practical application and as a job portfolio🚀

Wait!
Please check before enrolling.

💡 Please check your computer specifications.

· Mac OS works regardless of specifications.
· If using Windows OS, git-bash installation is required.
 - Please refer to Course Materials > Environment Setup.
 - Intel Core i5 9th generation or higher / AMD RYZEN 5 2nd generation or higher

- 16GB RAM or more recommended

💡We recommend creating a daily schedule to study regularly and consistently.
💡Please create a 'Notion' account to receive learning materials.
💡Learning materials required for the course are provided via Notion (link).
※ The copyright of the learning materials belongs to Code Camp. Unauthorized use, distribution, and reproduction are prohibited.

Do you have
any questions?

Q. Can I take the course without any prior knowledge?

Yes. It's okay even if you don't know the first thing about coding. We provide 'Start with Free Camp', a complete beginner's course to help you understand more deeply and broadly, and 'CSS&JS Master Course', an intermediate course to prepare you for the bootcamp.


Q. If I have basic knowledge, where should I start taking the course?

If you understand basic HTML, CSS, and Javascript, I recommend starting with the 'CSS&JS Master Course'. However, if you have a solid foundation in CSS and Javascript from government-funded education or other online courses, you can start directly with the 'Web Frontend Bootcamp'.


Q. Is there an efficient way to take the Web Frontend Bootcamp course?

  1. Please take the lectures section by section! On average, each section is divided into 3-5 subtopics. Since this is a systematic course, I recommend creating a daily schedule and studying regularly!

  2. If there are learning assignments, please complete them! Learning assignments are divided into sections with and without them. Completing the learning assignments before working on your portfolio project will be helpful!

  3. Please complete the required assignments (portfolio projects)! The required assignments provided for each section based on the section content are essential for creating your portfolio! However, reference code is only provided up to the midpoint! Please keep in mind that after that point, you must be able to write all the code yourself to truly use it as a portfolio.



Q. What is a stepped curriculum?

The Perfect Frontend curriculum has a continuous lecture structure that builds upon each other!
For example, to take [Section 26-02 Refresh Token], you need to copy the code written in [Section 23-07] and continue the lesson. In other words, you must have taken [Section 23-07] to write the code, and you should also have reviewed it to understand what that code is, right?

Don't worry if you want to skip certain sections and take the sections you're curious about! The instructor's lesson code is provided separately for download! However, if you downloaded the code instead of writing it yourself through the lessons, please keep in mind that you must be able to understand that code to follow along well!


Q. I have questions while taking the course.

Please leave your question in the community. I'll provide you with a satisfying answer as soon as possible😁

Introducing
Team Code Camp.

14.코드캠프 소개이미지
15. 노원두 소개이미지

Recommended for
these people

Who is this course right for?

  • Anyone who wants to grow properly with a professional curriculum

  • Anyone who feels that government-funded programs or other courses are insufficient

  • Anyone who wants to study coding systematically with sufficient assignments

  • The Junior Developer That Senior Developers Need

  • Job seekers who want to build a portfolio that matches current trends

Need to know before starting?

  • Passion and determination for coding💪🏻

Hello
This is

15,450

Learners

454

Reviews

227

Answers

4.8

Rating

15

Courses

"Try anything, Try everything!"

코드캠프는 유능한 개발자를 양성하며 개발의 미래를 바꾸고자 하는 목표를 가지고 있습니다. 사회적, 경제적, 교육적 배경에 상관없이 누구에게나 커리어 전환의 기회를 제공하기 위해 인프런에 나타났답니다. 코캠과 함께 커리어 점프에 도전하세요!

Co-instructor

Curriculum

All

444 lectures ∙ (162hr 6min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

13 reviews

5.0

13 reviews

  • jolo님의 프로필 이미지
    jolo

    Reviews 4

    ∙

    Average Rating 5.0

    5

    30% enrolled

    • saintjoker040059님의 프로필 이미지
      saintjoker040059

      Reviews 6

      ∙

      Average Rating 4.5

      5

      60% enrolled

      • abcd123123님의 프로필 이미지
        abcd123123

        Reviews 326

        ∙

        Average Rating 5.0

        5

        5% enrolled

        • devwon1004님의 프로필 이미지
          devwon1004

          Reviews 8

          ∙

          Average Rating 5.0

          5

          30% enrolled

          • topjhoh20님의 프로필 이미지
            topjhoh20

            Reviews 1

            ∙

            Average Rating 5.0

            5

            30% enrolled

            Limited time deal

            $228.80

            24%

            $304.70

            codecamp's other courses

            Check out other courses by the instructor!

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            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

            중급이상

            중급이상

            React, Next.js, cursor

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            This is a curriculum full of Captain's personal feelings, an 8-year full-stack developer who fell in love with coding. It is filled with Captain's desire to teach everything about the backend! As you listen to this lecture, you will find yourself thinking, 'Does he really teach this much?' Let's start with this lecture that thoroughly explains even the parts that everyone finds difficult.

            입문

            입문

            NestJS, Node.js, JavaScript

            [Code Camp] Highly concentrated backend course created at boot camp강의 썸네일

            [Code Camp] Highly concentrated backend course created at boot camp

            codecamp

            [Code Camp] Powerful CSS강의 썸네일

            [Code Camp] Powerful CSS

            codecamp

            Have you seen a lecture that only collects CSS? In this lecture, you will implement everything from the most basic layout composition to responsiveness while working on a total of two projects! Now, if you are ready, let's get started.

            초급

            초급

            HTML/CSS

            [Code Camp] Powerful CSS강의 썸네일

            [Code Camp] Powerful CSS

            codecamp

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

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

            초급

            초급

            React, Next.js, expo

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners강의 썸네일

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners

            codecamp

            Algorithms seem so difficult... Even students who are not good at math can finish the basics of algorithms in one go with this class! We will teach you the basic concepts needed to solve algorithms step by step, and even Codecamp's know-how on applying them to problems :)

            초급

            초급

            JavaScript

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners강의 썸네일

            [Code Camp] Javascript Algorithm Theory + Practice for Beginners

            codecamp

            [CSS&JS Master] - Create a trendy emotional diary강의 썸네일

            [CSS&JS Master] - Create a trendy emotional diary

            codecamp

            You can learn the latest CSS properties and practical Javascript while working on a project.

            입문

            입문

            HTML/CSS, JavaScript, vanilla-javascript

            [CSS&JS Master] - Create a trendy emotional diary강의 썸네일

            [CSS&JS Master] - Create a trendy emotional diary

            codecamp

            [Code Camp] A highly concentrated front-end course created at Bootcamp강의 썸네일

            [Code Camp] A highly concentrated front-end course created at Bootcamp

            codecamp

            This is a highly concentrated curriculum from a ‘real’ bootcamp that has produced over 300 developers in a year. With just this one class, you will be able to grow to the level of a junior developer in the field and gain the ability and knowledge to use the front-end technology stack. [InflearnX Code Camp] has prepared this so that anyone can build a career regardless of their social, economic, or educational background :)

            입문

            입문

            React, Next.js, GraphQL

            [Code Camp] A highly concentrated front-end course created at Bootcamp강의 썸네일

            [Code Camp] A highly concentrated front-end course created at Bootcamp

            codecamp

            [Code Camp] Warm Javascript강의 썸네일

            [Code Camp] Warm Javascript

            codecamp

            There are many other languages.. Why JavaScript? JavaScript is the most widely used language in the world, and it has an easy-to-understand structure that even non-majors can learn quickly. In addition, famous companies such as Google, PayPal, and Amazon use it! Do you need to think any further?

            입문

            입문

            JavaScript

            [Code Camp] Warm Javascript강의 썸네일

            [Code Camp] Warm Javascript

            codecamp

            [Code Camp] Start with Pre-Camp강의 썸네일

            [Code Camp] Start with Pre-Camp

            codecamp

            This course is made with the exclusive curriculum of Coding Bootcamp. It consists of the most basic and practical contents. Start with this course, ‘Anyone can change careers to become a developer.’

            입문

            입문

            HTML/CSS, JavaScript

            [Code Camp] Start with Pre-Camp강의 썸네일

            [Code Camp] Start with Pre-Camp

            codecamp

            Similar courses

            Explore other courses in the same field!

            [Code Camp] A highly concentrated front-end course created at Bootcamp강의 썸네일

            [Code Camp] A highly concentrated front-end course created at Bootcamp

            codecamp

            This is a highly concentrated curriculum from a ‘real’ bootcamp that has produced over 300 developers in a year. With just this one class, you will be able to grow to the level of a junior developer in the field and gain the ability and knowledge to use the front-end technology stack. [InflearnX Code Camp] has prepared this so that anyone can build a career regardless of their social, economic, or educational background :)

            입문

            입문

            React, Next.js, GraphQL

            [Code Camp] A highly concentrated front-end course created at Bootcamp강의 썸네일

            [Code Camp] A highly concentrated front-end course created at Bootcamp

            codecamp

            Bite-sized Next.js(v15)강의 썸네일

            Bite-sized Next.js(v15)

            winterlood

            The 3rd work in the One Bite series! The world's most kind and detailed Next.js (15+) course. We'll explore not only App Router but also Page Router through projects.

            초급

            초급

            Next.js, React, TypeScript

            Bite-sized Next.js(v15)강의 썸네일

            Bite-sized Next.js(v15)

            winterlood

            Frontend Masterclass강의 썸네일

            Frontend Masterclass

            hoonyhan

            This is an advanced frontend course for students and professionals with at least 1 year of web development experience. The ideal audience consists of those with 2-3+ years of industry experience who are experiencing a skill plateau or want to learn about product architecture considerations for large enterprises.

            중급이상

            중급이상

            JavaScript, React, Functional Programming

            Frontend Masterclass강의 썸네일

            Frontend Masterclass

            hoonyhan

            Bite-sized Real-world Projects - SNS Edition강의 썸네일

            Bite-sized Real-world Projects - SNS Edition

            winterlood

            Now it's time to take on the real challenge 🔥 Let's develop a professional-grade SNS together using React.js + TypeScript + Supabase, creating features like authentication & authorization, infinite scroll, image upload, likes, infinite nested comments, dark mode, and more. Throughout this process, we'll also explore server and global state management techniques using Zustand and Tanstack Query.

            중급이상

            중급이상

            supabase, zustand, react-query

            Bite-sized Real-world Projects - SNS Edition강의 썸네일

            Bite-sized Real-world Projects - SNS Edition

            winterlood

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

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

            초급

            초급

            React, Next.js, expo

            Hybrid App with Expo Framework to Increase Web Developer's Salary강의 썸네일

            Hybrid App with Expo Framework to Increase Web Developer's Salary

            codecamp

            Spring Boot + React.js Login (+Social) Service Understanding강의 썸네일

            Spring Boot + React.js Login (+Social) Service Understanding

            neneee

            Understanding Spring Boot + React.js Login (+Social) Service is a course designed to help you deeply understand the authentication flow between frontend and backend, by directly implementing a practical login system that includes JWT-based authentication and social login (Kakao/Google). The frontend is built on React.js, and the backend on Spring Boot, enabling you to learn step by step the practices used in real service environments, such as the Access Token + Refresh Token approach, user state management using HttpOnly Cookie and Redux, Role-based authorization, and social login integration.

            초급

            초급

            React, Node.js, REST API

            Spring Boot + React.js Login (+Social) Service Understanding강의 썸네일

            Spring Boot + React.js Login (+Social) Service Understanding

            neneee

            Practical React Native for iOS/Android App Development - Basic강의 썸네일

            Practical React Native for iOS/Android App Development - Basic

            Wintho

            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.

            초급

            초급

            React Native, React, ES6

            Practical React Native for iOS/Android App Development - Basic강의 썸네일

            Practical React Native for iOS/Android App Development - Basic

            Wintho

            Learn Full-Stack Board Development Faster Than Anyone강의 썸네일

            Learn Full-Stack Board Development Faster Than Anyone

            Neo

            This course includes both server (Java+Springboot) and front-end (React, ReactNative, Flutter, Android, iOS) development. Experience building a full-stack bulletin board with this course.

            입문

            입문

            React, React Native, iOS

            Learn Full-Stack Board Development Faster Than Anyone강의 썸네일

            Learn Full-Stack Board Development Faster Than Anyone

            Neo

            [Renewal] Creating NodeBird SNS with React강의 썸네일

            [Renewal] Creating NodeBird SNS with React

            zerocho

            Let's create a Twitter-like SNS service with React & Next & Redux & Redux Saga & Express stack. Finally, we will deploy it to AWS after SEO.

            중급이상

            중급이상

            React, Redux, Node.js

            [Renewal] Creating NodeBird SNS with React강의 썸네일

            [Renewal] Creating NodeBird SNS with React

            zerocho

            Non-Developer Creates Monetized Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

            dingcodingco

            No coding knowledge needed! Turn your idea into real revenue in just 4 weeks. Using AI and the latest tools, create both a website and app simultaneously and connect them directly to services.

            입문

            입문

            Flutter, Next.js, cursor

            Non-Developer Creates Monetized Service in Just 4 Weeks: AI Vibe Coding Web + App ALL IN ONE

            dingcodingco

            React Native with Expo: Learning Properly from ZeroCho강의 썸네일

            React Native with Expo: Learning Properly from ZeroCho

            zerocho

            Web developers (especially React developers) can now truly easily launch apps. With Expo, you can launch both Android and iOS apps even faster. Let's become a developer who can quickly launch apps with Expo.

            초급

            초급

            React, React Native, Hybrid App

            React Native with Expo: Learning Properly from ZeroCho강의 썸네일

            React Native with Expo: Learning Properly from ZeroCho

            zerocho

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            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

            중급이상

            중급이상

            React, Next.js, cursor

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)강의 썸네일

            [VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)

            codecamp

            Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board강의 썸네일

            Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

            Neo

            Learn Springboot + NextJS RestAPI Board Creation Faster Than Anyone Develop a CRUD server with Springboot and create your own board with NextJS!

            입문

            입문

            Kotlin, Spring Boot, Next.js

            Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board강의 썸네일

            Learn Faster Than Anyone: Building a Springboot + NextJS RestAPI Board

            Neo

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

            Indie Coder

            You will learn the basics and advanced usage of GraphQL, the next-generation API control technology, and gain real-world project experience through a virtual kiosk service created with GraphQL. The course has been partially updated to the latest version, apollo-server v4, as of February 2024.

            초급

            초급

            GraphQL, Svelte, MongoDB

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]강의 썸네일

            Complete Mastery of GraphQL (Full-stack Course Learning by Building a Kiosk) - [2024 Partial Renewal]

            Indie Coder

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)강의 썸네일

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            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!

            초급

            초급

            React, Electron, GUI

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)강의 썸네일

            # [Electron #1] Building a Timer App with Electron + React (With Zustand)

            dakgangjung123

            Claude Code Perfect Mastery: From AI Development Workflow Basics to Practice (with Cursor AI)

            gymcoding

            Explore → Plan → Implement → Commit. Master the proven AI development workflow with Claude Code. Learn through 23 missions covering MCP, sub-agents, and prompt engineering, and complete 3 real-world projects.

            입문

            입문

            React, Next.js, cursor

            Claude Code Perfect Mastery: From AI Development Workflow Basics to Practice (with Cursor AI)

            gymcoding

            The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

            dingcodingco

            AI is no longer a choice but a matter of survival. Reduce development time from 3 days to 30 minutes, delegate repetitive tasks to AI, and focus on solving more important problems. With AI-native development methods that you can apply immediately in real work rather than just theory, we'll show you the definitive way to be recognized as "the developer who's good with AI" at your company.

            초급

            초급

            Spring Boot, Next.js, AI

            The 10x AI-Native Developer: How to Achieve Overwhelming Results with AI at Work

            dingcodingco

            Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture강의 썸네일

            Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

            IT s Dev

            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.

            입문

            입문

            React, React Native, react.js

            Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture강의 썸네일

            Complete Full-Stack Python Developer Roadmap: Learn FastAPI, React, Database Design API Architecture

            IT s Dev

            Creating Web Services with Vibe Coding With Claude Code강의 썸네일

            Creating Web Services with Vibe Coding With Claude Code

            ref63184917

            A current startup CTO will share vibe coding knowledge gained through actual services and various outsourcing projects.

            입문

            입문

            HTML/CSS, JavaScript, Next.js

            Creating Web Services with Vibe Coding With Claude Code강의 썸네일

            Creating Web Services with Vibe Coding With Claude Code

            ref63184917

            Practical TypeScript Learning with Official Documentation강의 썸네일

            Practical TypeScript Learning with Official Documentation

            sowhatcoding

            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!

            입문

            입문

            TypeScript, JavaScript, ES6

            Practical TypeScript Learning with Official Documentation강의 썸네일

            Practical TypeScript Learning with Official Documentation

            sowhatcoding