간단하게 알아보는 React 디자인 패턴

리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다. Part1에서는 리액트(React)를 사용한 웹 개발에 대한 기본 개념을 학습합니다.

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

리액트(React)는 페이스북에서 만든 오픈 소스 자바스크립트 라이브러리입니다. 자바스크립트를 사용하여 컴포넌트 기반으로 UI를 만들 수 있습니다. SPA(Single Page Application)을 만드는데 최적화된 현재 가장 인기있는 프런트엔드 개발 라이브러리인 리액트를 사용하여 웹 개발을 하는데 필요한 모든 구성 요소를 학습합니다. Part.2에서는 리액트의 컴포넌트를 만드는 여러가지 방법을 학습합니다.

이 과정은 마이크로서비스 애플리케이션 개발을 위한 MSA 디자인 패턴과 구현 전략에 필요한 다양한 내용 및 패턴과 설계에 대해 배워보는 과정입니다. 기존의 모놀리식 애플리케이션을 MSA 방식으로 성공적으로 전환하는 데 필요한 핵심 지식과 실질적인 방법론에 대해서 학습하게 됩니다. 마이크로서비스 아키텍처의 근간을 이루는 다양한 디자인 패턴에 대해 분석하고, 각 패턴이 어떤 상황에 적합하며 어떻게 적용되는지 학습할 수 있습니다.

"리엑트 잘하는 개발자되기" 책이 출간되었습니다. 이 책은 리액트 학습 전에 필요한 웹의 기본 원리부터 최신 리액트 훅까지 체계적으로 안내하여 탄탄한 기초 지식을 제공합니다. 총 40개 이상의 다채로운 실전 프로젝트와 풍부한 실습 예제를 통해 이론을 실무에 바로 적용하며 문제 해결 능력을 키울 수 있습니다. 또한 리덕스 툴킷, 주스탠드, 파이어베이스 등 현대 웹 개발에 필수적인 기술들을 함께 익혀 완성도 높은 리액트 애플리케이션 개발자로 성장하도록 돕습니다.

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

디자인 패턴을 학습하여 유연하고 확장성 있는 객체지향 프로그래밍을 구현할 수 있습니다. 실제 현업에서 사용할 수 있는 여러 패턴들을 학습하여 프로젝트와 코드 리팩토링에 적용해보세요

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

이 강의는 최신 웹 서비스 환경에서 필수적인 JWT 기반 토큰 인증과 보안 강화 기법을 실무 중심으로 학습하는 과정입니다. 스프링 부트 3와 스프링 시큐리티 6, 리액트를 활용해 안전한 로그인 시스템을 구현하고, XSS·CSRF 대응, HTTPS 적용, 토큰 재발급 및 폐기 전략, 비밀키 안전 관리 등 보안 실무 전반을 다룹니다. 또한 AWS를 통한 빌드·배포, Redis를 이용한 성능 최적화 등 실제 서비스 수준의 환경 구성을 실습하며, 강의에서 제공되는 완성 프로젝트 소스코드는 바로 실무에 적용할 수 있습니다.

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

중고급 개발자로 성장하기 위한 고급 프로그래밍 언어 활용 능력과, 함수형, 객체 지향, LISP 패러다임이 결합된 소프트웨어 설계 및 구현 능력을 기릅니다.

HTTP 서버부터 AI 서비스까지 단계별로 구축하며 백엔드 개발의 전체 흐름을 이해하는 강의입니다. AI가 생성한 코드를 읽고 이해하는 능력을 키우며, 서버/데이터베이스/HTTP/로그인/배포 등 핵심 개념과 Node.js, Express, NestJS의 실무 활용법을 실습 중심으로 학습합니다.

자바스크립트, 타입스크립트 다음은 백엔드 개발! NestJS를 이용한 REST API 백엔드 개발, Socket IO 개발 및 배포를 할 수 있게 됩니다.

이 강의는 스프링 부트 3와 스프링 시큐리티 6, 리액트를 활용해 일반 로그인과 소셜 로그인, JWT 기반 토큰 인증을 체계적으로 학습하는 과정입니다. MPA와 SPA 환경 모두에서 OAuth2 소셜 로그인과 보안 강화된 JWT 인증 시스템을 구축하고, XSS·CSRF 대응, HTTPS 적용, 토큰 재발급 및 폐기 전략, 비밀키 안전 관리 등 보안 실무 전반을 다룹니다. AWS를 통한 빌드·배포, Redis를 이용한 성능 최적화까지 실제 서비스 수준의 환경 구성을 실습하며, 강의에서 제공되는 완성 프로젝트 소스코드를 통해 전체 로그인 흐름을 이해하고 바로 실무에 적용할 수 있습니다.

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

AI 시대에도 개발자에게는 코드를 이해하고 실제 서비스를 완성하는 능력이 필요합니다. HTML/CSS/JavaScript 기본기를 바탕으로 React와 Firebase를 활용해 로그인, 데이터 관리, 이미지 업로드부터 배포까지 직접 구현하며 실전 웹 개발 역량을 키워보세요.

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

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

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.

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