React + TypeScript TodoList App - 실무형 타입스크립트 프로젝트 입문

타입 안정성과 코드 가독성을 높이는 TypeScript의 핵심 문법을 실습 위주로 익히는 입문 과정입니다. 프로젝트 환경 설정부터 인터페이스, 제네릭, 유틸리티 타입까지 실제 코드 사례로 학습합니다.

전세계 웹사이트에서 75%이상이 사용하고 있는 javascript 라이브러리 jQuery ! 화려한 효과보다는 원리를 이해하며 기본기를 다질수 있도록 구성했습니다. 제이쿼리 기초부터 활용까지 학습하여 여러분만의 포트폴리오를 완성하거나, 현업에서 바로 활용해보세요.

이 강의는 Figma 디자인을 웹 페이지로 구현하는 과정에 대해 단계별로 설명합니다. 이미지 저장부터 HTML, CSS 작성, Javascript 작성까지 전반적인 웹 퍼블리싱 실무를 다룹니다. 초보자도 쉽게 따라 할 수 있도록 체계적으로 진행됩니다. 실습 위주의 학습을 통해 웹 디자인을 효율적으로 코드로 변환하는 방법을 배울 수 있습니다.

CSS Grid는 복잡한 레이아웃도 간단하고 직관적으로 구현할 수 있는 강력한 도구입니다. 이번 강의에서는 CSS Grid의 핵심 개념부터 실전 활용법까지 단계별로 쉽게 배울 수 있도록 구성했습니다. 이제 복잡한 float과 flexbox에 얽매이지 말고, 효율적인 레이아웃 설계의 정석을 배워보세요! 지금 바로 시작하세요!

웹 개발의 첫 걸음을 떼셨나요? HTML, CSS, javascript를 이제 막 시작하신 분들께 특별한 제안을 드립니다! 모바일 시대에 발맞춰 모바일 웹사이트를 만들고 싶지만, 어디서부터 시작해야 할지 망설여지시나요? 걱정하지 마세요. Figma 모바일 디자인을 직접 분석하고 구현하면서, 자연스럽게 반응형 웹 개발의 핵심을 배워보세요. 세련된 모바일 디자인을 토대로, 사용자의 마음을 사로잡는 섬세한 인터랙션부터 다양한 화면 크기에 완벽하게 적응하는 기술까지, 모든 것을 함께 알아가볼 수 있습니다. 이제 여러분의 웹사이트가 모든 기기에서 빛나도록, 노하우를 나눠드리겠습니다. 함께 시작해볼까요?

html,css, javascript(jquery) 기초가 있으신가요? 그런데 전체 웹사이트 전체를 어떻게 만들지 잘 모르시나요? 그렇다면 디자인을 참조해서 쇼핑몰 메인페이지 구현을 도전해보세요. 완성된 디자인을 참조하고 기획 의도와 디자인의 상세한 사항들을 파악하여 웹사이트를 구현하는 노하우를 알려드립니다.

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

CSS 기초부터 애니메이션, 반응형까지 학습합니다. 실전 예제를 통해 학습한 내용을 복습하면서 확실하게 기본기를 다집니다.

이 강의를 통해 웹페이지를 구성하는 3대 언어 HTML, CSS, javascript중 HTML언어의 기본기를 확실하게 다질 수 있습니다. 검색에 최적화된, 웹접근성과 웹표준을 준수하는 HTML을 제대로 학습해보세요.

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

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

JavaScript엔진인 V8에 대해 이해할 수 있습니다! 좀 더 효율적인 코드작성법에 대한 힌트를 얻을 수 있습니다.

타입 안정성과 코드 가독성을 높이는 TypeScript의 핵심 문법을 실습 위주로 익히는 입문 과정입니다. 프로젝트 환경 설정부터 인터페이스, 제네릭, 유틸리티 타입까지 실제 코드 사례로 학습합니다.

깊이있는 수업으로 최고의 웹 개발자가 되기 위한 타입스크립트 강좌입니다. 완강 했을 때 타입스크립트의 본질을 꿰뚫을 수 있어, 다음으로 배우게 될 리액트와 넥스트, 네스트 등의 고수가 될 수 있습니다.

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

워드프레스 수익화 테마 중 가장 잘 알려져 있는 제너레이트프레스(GeneratePress) 테마. 가볍고 빠르고 단순해서 많은 강사들에게 추천하는 테마입니다만, 실제로 제대로 가르쳐주는 강의는 찾기 어렵습니다. 보통은 "수익화를 통해 얼마를 벌수 있다"라고 홍보하고 실제로 테마를 꾸미고 설정하는 부분 보다 컨텐츠 SEO 관련한 어려운 플러그인이나 워드프레스 설정에 대해서만 듣지 않으셨나요? 실제 홈페이지를 원하는대로 꾸미려면 GeneratePress 테마의 사용자 정의 설정을 제대로 알아두어야 합니다. 이 강의를 통해 두고두고 써먹을 수 있는 진짜 지식을 가져가세요. 별로 어렵지 않습니다. 공식 홈페이지에를 통하거나 여기저기 찾다보면 배울 수 있는 내용이지만, 이 강의를 통해 빠르게 핵심만 압축적으로 배울 수 있습니다. 시간이 부담되거나, 실행력이 부족했던 분들께 제너레이트 프레스 테마, 아주 쉽게 알려드립니다.

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

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

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

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

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

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

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

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

데이터를 가공하여 표의 형태로 표현할 수도 있지만 가장 중요한 것은 데이터를 인간이 한 눈에 알아 볼 수 있게 표현하는 것입니다.

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

현직 스타트업 CTO가 실제 서비스와 여러 외주를 통해서 얻은 바이브코딩 지식 전수해드립니다.

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