프론트엔드 개발 시 꼭 해봐야 하는 실무 예제 Part.1

이 강의는 소프트웨어 개발 과정에서 안전하고 신뢰할 수 있는 코드를 작성하는 방법을 배우는 과정입니다. 단순히 기능 구현에 그치지 않고, 보안 취약점을 예방하며 안정성을 확보할 수 있는 프로그래밍 원칙과 기법을 학습합니다. 실습과 사례를 통해 실제 개발 환경에서 발생할 수 있는 보안 위협을 이해하고, 이를 방지하기 위한 코딩 규칙, 입력 값 검증, 예외 처리, 메모리 관리 등 안전한 코드 작성 기법을 습득할 수 있습니다. 본 과정을 수강하면 개발자는 코드의 완성도를 높이는 동시에, 보안성과 신뢰성을 갖춘 소프트웨어를 개발할 수 있는 실질적 역량을 확보하게 됩니다.

AutoCAD의 기초 사용법을 살펴보고, 2D CAD 작업을 위한 기본 기능을 배웁니다.

스무디 TV 에서 제공하는 어셈블리어 강좌 입니다.

유투브상 노리섬 님의 프리미어 강좌를 소개합니다.

AI에게 원하는 답을 정확히 얻어내는 '프롬프트 엔지니어링'의 핵심 기술을 배웁니다. 왕초보의 첫걸음부터 전문가의 실전 응용까지, AI 활용 능력을 극대화하세요!

유니티 공식 튜토리얼 영상인데 Jemin_Dev 님께서 번역해 주셨습니다.

AI에게 원하는 답을 정확히 얻어내는 '프롬프트 엔지니어링'의 핵심 기술을 배웁니다. 왕초보의 첫걸음부터 전문가의 실전 응용까지, AI 활용 능력을 극대화하세요!

AWS 초보자 및 AWS Educate 가입 대학생을 위한 시리즈 동영상 강의입니다. AWS 가입 절차 및 프리티어 서비스에 대해 간단히 소개해 드립니다.

본 과정은 커서(Cursor) AI 인공지능 툴의 기초 사용법을 학습하고, 이를 실제 웹사이트 제작에 적용하는 방법을 다루는 실습형 강의입니다. 학습자는 AI 기반 개발 환경을 이해하고, 커서를 활용한 코드 작성 및 자동화 기능을 체험하게 됩니다. 단순히 툴의 기능을 배우는 데 그치지 않고, 실제 웹사이트 제작 프로젝트를 통해 실무 감각을 기를 수 있도록 구성되어 있습니다. 또한 웹사이트 제작 과정에서 자주 사용하는 HTML, CSS, JavaScript 등의 기본 요소와, AI 보조 기능을 활용한 효율적인 개발 방법을 함께 다루어 초보자도 쉽게 따라올 수 있습니다. 본 과정을 수강하면 학습자는 커서 AI를 활용하여 아이디어를 빠르게 구현하고 웹사이트를 완성할 수 있는 능력을 얻게 되며, 이는 곧 최신 개발 환경에 적응하는 좋은 첫걸음이 될 것입니다.

유니티 허브 root 주동근 님의 무료 유니티 기초 강좌 입니다.

정보보안기사 필기 시험 대비를 위한 강의로, 핵심 이론을 간결히 정리하고 문제풀이 중심으로 실전 감각을 강화할 수 있습니다. 기출문제 분석과 실전 대비 전략으로 정보보안기사 자격증 취득에 한 걸음 더 다가가 보세요.

유튜브의 박성준 님이 강의하시는 아두이노 강좌 입니다.

본 과정은 프론트엔드 웹 프로그래밍의 핵심 문법과 활용법을 학습하고, 이를 실제 포트폴리오 제작에 적용해 보는 실습 중심 강좌입니다. 학습자는 HTML, CSS, JavaScript 등 기초 문법부터 최신 프론트엔드 기술까지 단계적으로 익히며, 웹 화면 구현과 동적 기능 처리 과정을 직접 경험하게 됩니다. 또한 실무에서 자주 활용되는 다양한 예제를 통해 효율적인 코드 작성법과 실제 개발 흐름을 자연스럽게 습득할 수 있습니다. 이 과정을 통해 학습자는 단순한 문법 암기를 넘어, 웹 페이지 기획–디자인–구현까지 연결된 작업 흐름을 이해할 수 있으며, 이를 기반으로 자신만의 포트폴리오를 완성할 수 있습니다. 나아가 본 과정은 프론트엔드 개발자로 성장하기 위한 확실한 디딤돌이 될 것이며, 웹 개발을 처음 접하는 학습자에게는 입문 과정으로, 실무 경험을 쌓고 싶은 학습자에게는 실전 보완 과정으로 큰 도움이 될 것입니다.

이 강좌는 MOS 365 자격증 취득을 목표로 하는 학습자를 위해 체계적으로 구성된 과정입니다. 단순히 시험을 위한 학습에 그치지 않고, 실제 사무 환경에서 자주 활용되는 기능들을 중심으로 다루어 자격증 대비와 실무 활용 능력을 동시에 강화할 수 있도록 설계되었습니다. 수강생은 본 과정을 통해 워드, 엑셀, 파워포인트 등 MOS 365 시험의 핵심 영역을 학습하며, 각 프로그램의 주요 기능과 실무 응용 사례를 자연스럽게 익히게 됩니다. 이 과정에서는 기본적인 문서 작성부터 고급 기능 활용까지 폭넓게 다루기 때문에, 자격증 취득은 물론 직무 수행에 필요한 문서 처리 능력과 데이터 활용 능력을 함께 확보할 수 있습니다. 또한 실제 시험에 출제되는 유형과 유사한 예제와 문제 풀이를 통해 실전 감각을 키우고 시험 적응력을 높일 수 있도록 구성되어 있습니다. 따라서 본 강좌는 MOS 365 자격증을 준비하는 학습자는 물론, 사무·행정 실무에서 효율적인 문서 작업 능력을 키우고자 하는 직장인에게도 큰 도움이 될 것입니다.

본 과정에서는 오토캐드 2022에서 2D 드로잉을 위한 기본적인 명령어 사용 방법 등을 배웁니다.

객체지향언어인 C++ 과 동시에 자료구조와 알고리즘을 공부할 수 있는 강좌 입니다.

실무에서 가장 많이 쓰이는 한컴오피스 (한글)의 기초 기능을 학습합니다.

Illustration CC 2020의 주요 기능을 익혀 쉽고 빠르게 일러스트를 활용할 수 있습니다.

본 강좌는 실무에서 바로 활용 가능한 MS Word 활용 TIP을 다루는 과정입니다. 단순한 문서 작성 기능을 넘어, 효율적이고 전문적인 문서 작업을 할 수 있도록 다양한 실무 노하우를 제공합니다. 직장에서 자주 접하는 문서 편집, 서식 지정, 문단 및 표 활용 등 알아두면 업무 효율이 높아지는 실전 스킬을 익힐 수 있습니다.

본 과정을 통해 정보보안기사 실기 기출문제의 단답형 및 서술형 문제를 학습할 수 있습니다.

더 이상 자바스크립트와 ES6을 따로 공부할 필요없습니다. 본 강의는 자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

실무에 적용할 수 있는 Web API를 다룹니다. 한 번쯤 꼭 마주치게 될 요구사항들을 풀어낼 무기를 얻어가시길 바랍니다.

웹 개발 최소 1년 이상의 학생 및 실무자들을 위한 고급 프론트엔드 강좌입니다. 가장 좋은 대상은 현업에서 2~3년 이상의 경험을 하고, 실력의 정체기 또는 대형 기업에서 고려해야하는 제품 구조에 대해 배우고 싶은 분들을 위해 만들어졌습니다.

JavaScript 언어에 대한 개요, 기초 문법, 제공 라이브러리까지 JavaScript에 대한 전반적인 내용을 학습할 수 있습니다.

복잡한 데이터 흐름, Lodash로 선언형으로 바꿔보세요. map, filter를 넘어 체이닝과 고급 유틸리티까지, 실무에서 바로 써먹을 수 있는 Lodash 사용법을 배웁니다.

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

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

이 강의는 AI 시대에 개발 생산성을 극대화하는 방법을 배우고 싶은 분들을 위한 실전 중심 강의입니다. 단순히 AI를 사용하는 방법을 넘어서, 실제 개발 환경에서 Claude Code를 어떻게 활용해야 하는지, 그리고 어떻게 하면 “제대로 된 결과”를 만들 수 있는지에 집중합니다. 많은 개발자들이 AI를 사용하면서도 ❌ 결과가 일관되지 않거나 ❌ 코드 품질이 떨어지거나 ❌ 프로젝트가 점점 복잡해지는 문제를 겪고 있습니다. 이 강의에서는 이러한 문제를 해결하기 위해 ✔ 스펙 기반 워크플로우 ✔ 구조화된 명령어 시스템 ✔ 서브에이전트 및 자동화 전략 을 통해 AI를 도구가 아닌 ‘개발 파트너’로 활용하는 방법을 알려드립니다. 또한 Firebase, Figma, GitHub, Vercel과 같은 실제 서비스와 연동하여 처음부터 끝까지 하나의 애플리케이션을 완성하고 배포하는 경험을 제공합니다.

3년차 프론트엔드 개발자가 가장 쉽게 알려주는 JavaScript 기초 강의입니다.

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

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

AI 시대에 반드시 필요한 AI를 활용하여 최적의 결과물을 얻고 싶으신 분들을 위해 준비했습니다. 2시간 만에 AI 활용을 코딩으로 제대로 알아보실 수 있습니다.

내가 좋아하는 유튜버의 맛집지도를 만들면서 프론트엔드, 백엔드, 카카오맵 API 사용법, 배포까지 한번에 배울 수 있는 풀스택 맛집지도 강의입니다.

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

왕초보도 할 수 있는 웹, 서버, 모바일 앱, 머신러닝까지 익히는 끝판왕 풀스택 강의!! 개발을 어디서부터 시작할지 막막했다면 이 강의를 강력 추천할게요. Javascript 하나로 진행합니다!

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

게임프로그램을 직접 만들어보면서 자바스크립트의 기본과 실전능력을 키우는 강의입니다.

웹 퍼블리셔를 위한 JS 핵심이론 및 실전예제 교재 및 완성본은 PDF로 제작된 강의 교재입니다. 해당 교재는 웹 퍼블리셔가 꼭 알아야 하는 자바스크립트와 제이쿼리 기본기를 충실히 갖출 수 있는 역할을 합니다. 해당 교재 특징으로는 이론과 연결된 스몰미션(Small Mission)을 통해서 이론을 더욱 탄탄히 할 수 있습니다. 특히 배운 모든 이론을 활용한 실전 예제 역시 충실히 준비된 교재입니다. 해당 PDF 전체 페이지는 순수 자바스크립트(Vanlila JavaScript)와 제이쿼리(jQuery) 페이지 수는 320페이지 이상으로 코딩웍스가 쉽게 이해할 수 있도록 충분한 설명을 덧붙여 놓았습니다. 특히, 퍼블리셔가 웹사이트 제작을 위해 필수적인 제이쿼리 상호작용 실전 예제를 학습하실 수 있습니다.

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

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