Using Node.Js

리액트의 컴포넌트를 만드는 법과 리액트와 불변의 관계를 알아봅니다.

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

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

PHP와 MySQL을 연동해서 웹의 접근성과 데이터베이스의 탁월한 정보관리 기능을 모두 갖춘 현대적인 웹애플리케이션을 구현하는 방법을 알려드리는 수업입니다.

https://opentutorials.org(생활코딩 사이트)를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

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

생활코딩에서 알려주는 인터넷 기본 지식들 강좌 입니다.

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

PHP를 공부하는데 필요한 최소한의 것들을 순차적으로 알려드립니다. 

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

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

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

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

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

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

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

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

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

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

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

웹 서버 개발을 경험해보고 싶으신가요? 비전공자, 프론트엔드 개발자 모두 서버 개발로 첫 걸음을 내딛을 수 있게 도와드리겠습니다. 익숙한 자바스크립트 문법으로 서버, 데이터베이스까지 한 번에 효율적으로 훑어보며 서버를 이해해봅시다!

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

React를 시작할 때 꼭 알아야 하는 Next.js 프레임워크. 입문자 관점의 쉬운 설명과 실무자가 만족하는 심도 깊은 동작 원리 이해까지. Next.js를 한방에 해결합니다.

전통적인 React 개발 방식과 Next.js를 이용해서 개발하는 방식은 전혀 다릅니다. 이 강의는 최신 Next.js 15의 핵심을 꿰뚫고, '진짜' Next.js다운 개발 방식을 알려드립니다. 취업 포트폴리오부터 실무 프로젝트까지, 성능과 효율을 모두 잡는 방법을 경험하세요. Next.js 스럽게 개발 합시다! Next.js의 기능을 어떻게 적용해야하는지 실제 예제를 만들면서 몸으로 배울 수 있도록 구성되었습니다. 서버 컴포넌트를 중심으로 보고 서버 액션과 캐싱 전략등을 이론보다는 실제로 코드를 통해서 더 빠르게 학습합니다. 강의의 목표는 최대한 빨리 Next.js의 분위기를 따라가는 것이 때문에 강의 자체는 JavaScript를 이용해서 진행합니다. 하지만 각 강의의 예제는 Typescript로 제작된 것을 추가로 수업자료로 제공합니다.

이론 및 실습을 통해 자바스크립트와 jQuery에 대해 배우는 중급 과정입니다. HTML, CSS, JS에 대한 기본 개념을 바탕으로 실무에 적용할 수 있는 내용으로 구성되어 있습니다. Part.1은 문서 객체 모델(DOM), jQuery의 기본 개념, 노드 찾기, 생성, 추가, 삭제, 이동에 대해 다루고 있습니다.

더 이상 Gif, Video에 의존하지 않아도 됩니다. 에프터이펙트에서 제작한 애니메이션을 코드로 출력해서 자바스크립트를 통해 다양한 인터렉션을 구현하는 방법을 배워볼게요. 여러분도 매력적인 웹사이트를 만들 수 있습니다.

자바스크립트는 Class를 왜 사용할까? Class가 등장하기 이전에는 어떻게 객체지향프로그래밍을 구현했을까? 자바스크립트를 공부하다보면 한번쯤 가져볼만한 문제에 대한 해답을 찾아 가벼운 여행을 떠나봅니다.

이론과 실습을 통해 자바스크립트를 익힐 수 있는 강의입니다. 코딩을 처음 접하시는 분들도 쉽게 이해할 수 있도록 차근차근 설명하고 있습니다. Part 1은 자바스크립트의 개요와 변수, 자료형, 연산자, 제어문과 jQuery의 기초를 다루고 있습니다.

코딩 1위 유튜버 조코딩의 실전 압축! 쉽고 재미있는 웹 풀스택 개발 강의

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

이 강의는 자바스크립트 비동기 프로그래밍에서 Promise와 async/await의 개념과 작동 원리를 명확히 설명하며, 실무에서 비동기 처리를 능숙하게 다룰 수 있도록 돕습니다.

PyScript(파이스크립트)의 간단한 사용법을 익힐 수 있는 튜토리얼 강의입니다.

레디스 A to Z로 레디스 첫 시작을 탄탄하게! 고등학생이 봐도 완벽히 이해할 수 있는 쉽고 재밌는 레디스의 모든 것

서버측 자바스크립트 언어인 Nodejs 와 데이터베이스의 관계를 소개하고 NodeJs 와 데이터베이스를 통해 웹어플리케이션을 제작하는 방법을 알려줍니다.

웹 개발의 기초가 되는 자바스크립트의 기초부터 중급까지 배울 수 있습니다.

이 강의를 통해 타입스크립트에 대해서 배울 수 있습니다.

본 강의는 Claude, Gemini, OpenAI Codex와 같은 다양한 AI 도구를 활용하여 Spring Boot 기반의 웹 게시판을 개발하는 과정을 통합적으로 안내하는 개발 매뉴얼입니다. 각 AI 도구의 초기 환경 설정 방법은 다르지만, 실제 게시판 기능을 개발하는 핵심 프로세스(백엔드, 프론트엔드, 파일 업로드)는 동일한 프롬프트를 사용합니다.

바이브코딩으로 React 회원가입 로그인 + 게시판 만들기 (React + FastAPI)은 AI 프롬프트를 활용해 풀스택 웹 애플리케이션을 직접 완성해보는 실습형 강의입니다. OpenAI Codex와 Claude Code 이 강의에서는 React(Typescript) 프론트엔드와 FastAPI 백엔드를 연결하여, 회원가입 & 로그인 기능 게시판 CRUD(작성, 조회, 수정, 삭제) JWT 인증과 권한 처리 를 하나의 프로젝트 안에서 구현합니다. 특히, 단순히 코드를 작성하는 데서 끝나는 것이 아니라, 👉 AI 프롬프트로 코드 생성 → 실행 및 수정 → 테스트 → 확장 이라는 “바이브코딩” 학습 방식을 통해 AI와 함께 개발하는 새로운 흐름을 경험할 수 있습니다. 완강 후에는 “나만의 회원제 게시판 서비스”를 직접 완성할 수 있으며, 추가로 댓글, 좋아요, 이미지 업로드 같은 확장 기능까지 도전할 수 있습니다.

웹게임도 만들고, 프론트엔드 웹 개발 스킬도 배우는 1석 3조 수업! 독자적인 아이디어로 JavaScript, CSS, HTML을 활용해 게임을 만들 수 있는 방법을 수업으로 만들었습니다!