Life Coding - React

본 수업에서는 리눅스의 사용법을 다룹니다. 특히 초심자들이 어려워하는 부분이 명령어를 이용해서 컴퓨터를 제어하는 법입니다. 여기서는 초심자가 명령어를 사용하는데 필요한 가장 보편적인 규칙을 최소한으로 다룹니다.

홈페이지를 완성하기 위한 전체적인 웹 기술들을 따라하며 웹 개발의 큰 흐름을 익힐 수 있는 강좌입니다.

일반인에게 프로그래밍을 알려주는 생활코딩의 이고잉님이 진행한 크라우드펀딩 강좌 Web 1 입니다. 웹의 근간이 되는 HTML 로 웹페이지를 직접 만들어 보며, 누구나 코딩을 접해볼 기회를 가질 수 있는 강의 입니다.

이 수업은 Node.js의 대표 웹프레임워크인 Express를 이용해서 웹애플리케이션을 구현하는 방법에 대한 수업입니다.

이 수업에서는 명령어를 통해서 Git을 다루는 방법을 소개합니다.

생활코딩의 콘텐츠를 원저작자의 협의를 통해 수강이 편하도록 인프런에 옮긴 강좌입니다.생활코딩 http://opentutorials.org 에 감사의 뜻을 전합니다.

이 수업은 클라우드 서비스인 AWS(Amazon Web Services)의 기본적인 사용법과 파일의 저장공간을 제공하는 S3를 다루고 있는 수업입니다.

세계적인 클라우드 서비스 AWS 의 기본부터 활용까지 배울 수 있는 수업입니다. AWS 를 이용해 자신만의 서비스를 전세계에 보여주세요.

생활코딩(오픈튜토리얼스)에서 제공하는 SQLite 강의로, 관계형 데이터베이스 SQLite에 입문할 수 있습니다.

생활코딩에서 제공하는 OAuth 관련 강의로, API 상호 연동에 대한 기술을 배울 수 있습니다.

생활코딩에서 제공하는 자바스크립트 관련 강의로, 자바스크립트에서 데이터를 불변하게 다루는 방법에 대한 수업입니다.

생활코딩에서 제공하는 React 관련 강의로, 리액트에서 클래스와 함수 스타일로 콤포넌트를 작성하는 방법을 배우고 차이점을 살펴봅니다.

생활코딩에서 제공하는 Redux 강의로, 자바스크립트를 중급 이상 다루는 분들을 대상으로 리덕스를 이용해 더 단순한 코드로 더 복잡한 애플리케이션을 만드는 방법에 대한 수업입니다.

이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다.

이 수업은 Node.js 웹프래임웍인 Express에서 Session을 이용해 인증을 구현하는 방법을 알려드리는 수업입니다.

이 수업은 버전관리 시스템 git을 소개하는 수업입니다.

이 수업은 Node.js와 MySQL을 이용해서 웹애플리케이션을 만드는 방법에 대한 수업입니다.

이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다.

이 수업은 도메인 이름을 자신의 서버 컴퓨터에 부여하는 방법을 알려드리는 수업입니다.

공유기를 전문용어로는 라우터라고 합니다. 라우터는 인터넷이 동작하는 핵심중의 핵심이라고 할 수 있습니다. 라우터를 이해한다면 인터넷을 바라보는 시야가 확 넓어진 것을 체감할 수 있을 것입니다.

React의 핵심 디자인 패턴을 개념과 예제로 빠르게 익혀봐요!

React + TypeScript를 활용하여 실무 감각으로 “할 일 관리 앱(ToDo List)”을 직접 만드는 프로젝트 중심 과정입니다. 단순히 문법을 배우는 데 그치지 않고, 컴포넌트 구조 설계 → 상태 관리 → 타입 적용 → 기능 구현 → 로컬 스토리지 연동 → 배포까지 실제 서비스 형태로 완성하면서 타입스크립트의 활용 감각을 익힐 수 있습니다.

웹게임을 통해 리액트를 배워봅니다. Class, Hooks를 모두 익히며, Context API와 React Router, 웹팩, 바벨까지 추가로 배웁니다.

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

본 과정은 React 입문 단계를 넘어, 실무 개발에서 가장 많이 활용되는 Hook의 원리와 활용법을 집중적으로 다루는 중급 학습 과정입니다. 함수형 컴포넌트의 핵심 도구인 Hook을 통해, 상태 관리, 라이프사이클 제어, 성능 최적화 등을 구현하는 방법을 단계적으로 학습할 수 있습니다. 특히 useState, useEffect 같은 기초 Hook부터 useRef, useMemo, useCallback 등 고급 Hook의 역할과 사용 패턴을 체계적으로 정리하며, 상황별로 어떤 Hook을 선택해야 하는지 이해할 수 있도록 구성되어 있습니다. 실습 예제를 통해 단순한 코드 작성법을 넘어, 컴포넌트 간 상태 관리 최적화 불필요한 렌더링 방지 동적 데이터 관리 및 DOM 제어 등을 경험해보며, 실제 프로젝트에서 자주 맞닥뜨리는 문제들을 해결하는 감각을 기를 수 있습니다. 본 과정을 마치면, React의 핵심인 Hook 기반 개발 흐름을 익혀 더 복잡한 애플리케이션 구조에도 자신 있게 적용할 수 있습니다.

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

이 강의를 통해서 웹 게임을 어떻게 개발해야 하는지 알 수 있습니다.

ChatGPT를 클론코딩하며 처음부터 끝까지 직접 구현해보는 풀스택 실습 강의입니다. Spring Boot 서버와 React 프론트엔드까지! 단순히 코드만 따라 치는 강의가 아니라, 실제 서비스 배포를 통해 완성도 높은 AI 챗봇 서비스를 구축할 수 있도록 안내합니다.

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

누구보다 빠르게 배우는 Springboot + React RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 React로 나만의 게시판을 만들어보세요!

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

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

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.

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

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

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

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

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