리액트 기초 (Introduction to React)

인공지능과 AI 윤리를 이해 및 학습하고, 자신의 전공 분야와 접목하여 인공지능 디지털 역량을 강화해보자!

Java 프로그래밍을 통해 객체지향 개념을 알고, 프로그램 설계 및 문제 해결 능력을 향상시켜보자!

파이썬을 활용해 기계학습 기술을 학습하고, 실제 데이터 정보 추출 방법 및 예측 모델 개발 능력을 향상해보자!

Keras를 활용해보며 머신러닝과 딥러닝에 대한 모델 알고리즘을 이해해보자!

파이썬을 통한 데이터 분석 방법을 이해하고, 여러 형태의 데이터를 스스로 분석하고 시각화하여 데이터 스토리 개요를 정리해보자!

머신러닝의 주요 알고리즘과 딥러닝을 이해하고, 인공지능을 알아가보자!

쉽고 편리하게 자료를 처리하는 R언어로, 컴퓨터 비전공자도 자신의 전공분야와 관련해 컴퓨터 프로그램 활용 역량을 키워보자!

틴커캐드를 통해 간단하고 재미있는 3D 모델링을 만들어보자!

C++ 언어의 기본 개념과 객체지향 개념을 배우면서 설계해보고, 구현해보고, 개발해보자!

컴퓨터공학 전공자를 위한 객체지향 개념에 바탕을 둔 Modern C++ 프로그래밍

비전공자들을 위한 어비스 배포 방법을 알아보자!

공공데이터를 R과 Python으로 분석하여 행정·정책 문제를 실증적으로 해결할 수 있는 데이터 기반 행정 실무 역량을 키워보자!

AI를 바탕으로한 텍스타일 CAD의 이해를 통해 의류학의 기초 현장 지식과 패션 스페셜리스트의 능력을 키워보자!

리눅스 쉘&오픈소스 소프트웨어 환경에서 협업 방식으로 응용 프로그램을 개발을 경험해보고, 프로그램 코딩에 필요한 개발환경을 구축해보자!

고도화된 리테일 비즈니스에 맞는 데이터 분석을 이해하고, 산업에서 활용하는 툴 활용법을 익혀보자!

다양한 자료구조와 알고리즘을 학습하고, 프로그래밍을 통해 이를 구현하는 실습 능력을 길러보자!

기본적인 웹사이트 구축 방법을 습득하고, 공공데이터 Open API를 연계한 실전 프로젝트를 통해 웹 개발의 기초부터 실무 적용 능력까지!

R과 R Studio를 통해 정책 평가를 이해하고 시도해보자!

데이터 사이언스를 통해 효율적으로, 똑똑하게 프로젝트를 관리해보자

코딩, 사물인터넷(IoT)에 흥미있는 디지털 인재라면? 마이크로파이썬을 통해 프로그래밍에 입문해보자!

React를 처음 배우시나요? 이 강의로 하나로 리액트 기초를 다지고, 린캔버스 프로젝트를 통해 실무 경험을 쌓아보세요. 그러면 자신있게 프론트엔드 개발자로 취업할 수 있어요!

그림으로 배우며 리액트의 기초 개념을 명확하게 이해할 수 있는 강의

파이썬/장고 웹서비스 개발의 기초를 탄탄히 다져보세요. 장고 학습에는 시간도 걸리지만, 반복되는 개발 속에 여러분의 생산성을 극대화하실 수 있습니다. 여러분의 상상을 현실로 만들어보세요.

본 과정은 React 학습을 처음 시작하는 학습자를 위해 구성된 입문 과정입니다. JSX의 기초 문법을 체계적으로 학습하며, 이를 직접 적용할 수 있는 미니 프로젝트를 통해 실무 감각을 키우는 것을 목표로 합니다. 단순한 문법 학습을 넘어, React 개발의 기본 흐름과 컴포넌트 기반 개발 방식을 이해할 수 있도록 구성되어 있습니다.

Mobile App Front-End 개발을 위한 React Native의 기초 지식 습득을 목표로 하고 있습니다. 진입장벽이 낮은 언어/API의 활용을 통해 비전문가도 쉽게 Native Mobile App을 개발할 수 있도록 제작된 강의입니다.

리액트 개발자라면 누구나 한 번쯤 useMemo, useCallback과 씨름하며 "이걸 꼭 수동으로 해야 하나?"라는 의문을 가져보셨을 겁니다. 드디어 그 고민을 해결해 줄 React Compiler가 등장했습니다. 하지만 새로운 기술이 나올 때마다 방대한 공식 문서를 처음부터 끝까지 정독하는 것은 부담스러운 일입니다. 그래서 제가 리액트 컴파일러 공식 문서를 꼼꼼하게 분석하고, 핵심만 뽑아 쉽게 이해할 수 있는 강좌를 준비했습니다. 이 강좌에서는 이런 내용을 다룹니다: - Why: 리액트 컴파일러가 왜 등장했는지, 기존 방식과 무엇이 다른지 - How: 프로젝트에 바로 적용하는 설치 및 설정 방법 - Troubleshooting: 공식 문서에서 강조하는 주의사항과 에러 해결 팁 이제 수동 메모이제이션의 고통에서 벗어나 비즈니스 로직에만 집중하세요. 이 강좌가 여러분의 리액트 개발 경험을 한 단계 업그레이드해 줄 것입니다.

웹 개발자가(특히 React 개발자라면) 정말 손쉽게 앱을 출시할 수 있는 시대가 되었습니다. Expo와 함께라면 더더욱 빠르게 Android와 iOS 앱 모두를 출시할 수 있습니다. Expo를 통해 빠르게 앱까지 출시할 수 있는 개발자가 되어봅시다.

프론트엔드 개발자인데 로그인 기능을 구현하지 못해 아쉬웠던 적 있으신가요? DB를 이용해 데이터를 저장하고 불러오는 기능을 구현하고 싶지만 쿼리를 공부하기는 부담스러우셨나요? 파이어베이스라면 쉽게 가능합니다! 리액트와 파이어베이스의 힘으로 유저 인증, 데이터 저장, 호스팅 등 웹 개발에 필수적인 기능들을 같이 구현해봅시다! (해당 강의는 22년 8월 녹화로 파이어베이스의 메이저 업데이트를 반영한 강의입니다.)

React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

탐색 → 계획 → 구현 → 커밋. 검증된 AI 개발 워크플로우를 클로드 코드로 마스터하세요. MCP, 서브에이전트, 프롬프트 엔지니어링까지 23개 미션으로 익히고, 3개 실전 프로젝트를 완성합니다.

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

웹 개발을 활용해서 Android와 IOS에 서비스 가능한 모바일앱 개발을 할 수 있도록 도와주는 강의입니다.

Next.js + Cursor IDE 로 챗 프로그램을 한시간만에 구현하는 능력을 가질 수 있어요.

찍어먹는 Next.js 풀코스! GraphQL, Redis, RabbitMQ, Prisma, TailwindCSS, Docker Compose, Cypress, Prometheus, grafana 등 최신 기술로 실전 프로젝트를 완성하며, App Router와 Page Router까지 모두 경험합니다.

React, Electron, Zustand를 활용해 타이머 앱을 직접 제작하고 크로스 플랫폼(윈도우, 맥 OS, 리눅스)으로 배포까지 하는 실전 강의입니다. 익숙한 React 웹 개발을 시작으로, Zustand를 통한 전역 상태 관리와 최종 GUI 배포까지, 데스크톱 앱 개발의 전체 흐름을 배우실 수 있습니다!

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.

10분만에 바이브코딩으로 만들 수 있는 단순한 서비스는 이제 버리세요! '진짜' 실무적용 바이브코딩을 배울 수 있습니다. 기획과 디자인대로 실서비스 수준의 고도화된 서비스를 커서AI NCOP로 만들어보시죠. No Code, Only Prompt

타입스크립트와 리액트 관련 강좌입니다.