오픈 소스 자바스크립트 React 프로그래밍 입문 Part.3

제품디자인을 하기 위해 기본적으로 알아야 하는 Rhino(라이노) 3D에 대한 강의입니다.

제품디자인을 하기 위해 기본적으로 알아야 하는 Rhino(라이노) 3D에 대한 강의입니다.

본 과정은 C# 멀티스레드와 비동기 프로그래밍을 깊이 있게 다루는 고급 과정으로, 실무에서 자주 사용되는 동시성 처리 기법을 체계적으로 학습할 수 있도록 구성되었습니다. 먼저, 스레드의 기본 개념을 이해하고 스레드를 생성·관리하는 방법을 실습하며, 다양한 스레드 메소드와 ThreadState 열거형, Flags 속성 등을 통해 스레드의 상태와 동작을 세밀하게 제어하는 방법을 익힙니다. 이어서, **Interrupt()와 Abort()**의 차이와 사용 사례를 실습하고, **lock 키워드와 Monitor 클래스(Enter, Exit, Wait, Pulse)**를 활용하여 스레드 간 동기화를 안정적으로 구현하는 방법을 학습합니다. 또한, 최신 개발 환경에서 필수적인 비동기 프로그래밍 기법을 다루며, Task 및 Task<TResult> 클래스, Parallel 클래스를 활용한 병렬 프로그래밍을 실습합니다. 마지막으로 async/await 키워드를 통해 동기 코드와 비동기 코드의 차이를 이해하고, 보다 효율적인 비동기 처리 방식을 프로젝트에 적용하는 경험을 쌓을 수 있습니다. 이 강의를 통해 학습자는 멀티스레드와 비동기 프로그래밍을 활용한 고성능 애플리케이션 개발 능력을 갖추게 되며, 실무에서의 동시성 문제 해결과 효율적인 프로그램 구현에 자신감을 가질 수 있습니다.

BIM(Building Information Modeling) 구현을 위한 레빗(Autodesk Revit) 응용편 강의입니다.

그래픽 편집 툴 포토샵의 제일 기본이 되는 중요한 기능을 차근차근 익히는 입문자용 포토샵 강의입니다.

After Effects를 처음 입문하는 분들을 위해 가장 기초적인 내용을 중심으로 전반적인 사용 방법을 설명하고, 간단한 작업을 통해 모션 작업의 기본적인 과정을 익히는 강의입니다.

본 과정을 통해 학습자는 컴퓨터활용능력 자격증을 취득할 수 있는 능력을 가질 수 있습니다. 컴퓨터활용능력 자격증을 취득하기 위한 과정으로 출제 기준에 맞추어 구성되었습니다. 컴퓨터활용능력 과목에 대한 기초지식을 익히고 활용하여 자격증 취득을 대비할 수 있습니다.

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

Maya 2020 버전이 가진 3D 효과 및 모션그래픽 작업에 필요한 기본 기능을 익힐 수 있습니다. (두 번째 파트)

이 과정은 네트워크 프로그래밍의 기초부터 실습까지 단계적으로 학습하는 강좌입니다. 먼저, 인터넷의 유래와 발전 과정을 살펴보며 오늘날 네트워크 환경이 어떻게 형성되었는지 이해합니다. 이어서, 네트워크의 핵심인 TCP/IP 프로토콜 구조와 동작 원리를 학습하여 이론적 기반을 다집니다. 실습 단계에서는 C#에서 제공하는 Socket 클래스, TcpListener, TcpClient 클래스를 활용하여 실제 네트워크 통신을 구현해보고, 클라이언트-서버 구조를 체험합니다. 이를 통해 단순한 이론을 넘어 실제 데이터 송수신 과정과 네트워크 연결 절차를 이해할 수 있습니다. 마지막으로, WinForm을 이용한 사용자 인터페이스(UI) 제작을 통해 네트워크 프로그램을 시각적으로 구현합니다. 버튼 클릭으로 연결, 메시지 전송, 수신 등이 가능하도록 실습하며, 실무 환경에서 활용할 수 있는 네트워크 응용 프로그램 제작 능력을 기릅니다.

공공 데이터 포털에서 제공하는 다양한 오픈 데이터를 여러 프로그래밍 언어에서 어떻게 호출하고, 호출된 결과로 제공받는 JSON 데이터를 어떻게 사용할 수 있는지에 대해서 다양한 언어로 학습해보는 과정입니다.

구글 애드워즈로 효율적인 광고를 운영하세요

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

이 과정은 데이터 시각화의 핵심 도구인 Seaborn과 대화형 대시보드를 구축하는 plotly/Dash를 활용하여, 실무에 바로 적용 가능한 시각화 역량을 키우는 데 초점을 둡니다. 다양한 실습을 통해 인사이트 중심의 시각 자료 제작과 웹 기반 대시보드 구현 능력을 함께 향상시킬 수 있습니다.

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

이 강의는 HeyGen, Viggle, Runway 등 AI 툴을 활용해 말하는 아바타, AI 댄스, 동화 애니메이션 등 다양한 영상을 직접 만드는 실전 입문 과정입니다.

UI디자인 저작 툴인 피그마를 사용해 보고 싶거나 피그마로 무언가를 만들고 싶을 때 가장 기초적인 사용 방법을 실습합니다.

이 과정은 데이터 시각화의 핵심 도구인 Seaborn과 대화형 대시보드를 구축하는 plotly/Dash를 활용하여, 실무에 바로 적용 가능한 시각화 역량을 키우는 데 초점을 둡니다. 다양한 실습을 통해 인사이트 중심의 시각 자료 제작과 웹 기반 대시보드 구현 능력을 함께 향상시킬 수 있습니다.

이 과정은 데이터 시각화의 핵심 도구인 Seaborn과 대화형 대시보드를 구축하는 plotly/Dash를 활용하여, 실무에 바로 적용 가능한 시각화 역량을 키우는 데 초점을 둡니다. 다양한 실습을 통해 인사이트 중심의 시각 자료 제작과 웹 기반 대시보드 구현 능력을 함께 향상시킬 수 있습니다.

Mac 환경에서 스프레드시트와 데이터를 쉽고 세련되게 완성하는 Numbers 활용법을 단계별로 배웁니다. 기본 데이터 입력부터 함수, 차트 활용, 공동작업까지 실무 중심으로 익히는 Numbers 완성 가이드!

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

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

Firebase의 SQL버전! Supabase를 통해 Next.js 풀 스택 기초를 마스터 할 수 있어요.!

이 강의는 Vanilla JavaScript로 Notion을 처음부터 끝까지 직접 구현하며, 단순한 UI 클론을 넘어서 내부 동작 원리를 깊이 이해하는 데 초점을 맞춘 풀스택 수준의 프런트엔드 프로젝트 과정입니다. 사이드바 트리, 중첩 문서 생성, 자동 저장, 라우팅, 휴지통, 즐겨찾기, 검색 모달, 설정 모달, 테마 전환, Export/Import, 키보드 단축키, 반응형 레이아웃, 드래그 리사이즈 등 실제 노트 앱의 핵심 기능을 모두 바닐라 JS로 직접 구현합니다. React, Vue 같은 프레임워크 이전에 반드시 알아야 할 브라우저 표준 동작(이벤트 버블링, DOM 트리, 로컬 스토리지, Blob, FileReader, 해시 라우팅 등)을 탄탄하게 학습해, “왜 이렇게 동작하는가”를 완전히 이해하고 디버깅할 수 있는 내공을 쌓는 것이 목표입니다.

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기는 JWT 기반 인증 및 소셜 로그인(Kakao/Google)을 포함한 실전형 로그인 시스템을 직접 구현하며 프론트엔드와 백엔드 인증 흐름을 깊이 이해할 수 있도록 설계된 강의입니다. 프론트엔드는 React.js, 백엔드는 Spring Boot를 기반으로 구성되며, 실제 서비스 환경에서 사용되는 Access Token + Refresh Token 방식, HttpOnly Cookie, Redux를 활용한 사용자 상태 관리, Role 기반 권한 처리, 소셜 로그인 연동까지 하나씩 따라하며 익힐 수 있습니다.

이 강의는 브라우저가 HTML을 받아 DOM을 만들고, CSSOM과 결합해 화면에 픽셀을 그려내는 Critical Rendering Path(CRP) 과정을 처음부터 끝까지 다룹니다. 단순한 DOM 조작을 넘어, CSS와 JS가 성능에 어떤 영향을 주는지, 이미지·폰트 최적화, Lazy Loading, Intersection Observer, 가상 리스트, 그리고 DevTools 실습까지 이어지며 실제 웹 성능을 눈에 띄게 개선할 수 있는 실전 전략을 배울 수 있습니다.

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

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

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

스프링 부트(Spring Boot ver3.4.x)로 제작되는 API 서버와 React 19 (with TypeScript) 연동 프로젝트 완성하기! 백엔드 포트폴리오에 프론트 엔드 적용! 실무자들을 대상으로 작성된 강의(초급자용 강의는 아닙니다.)

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

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

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

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

웹 개발자가(특히 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.

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

프론트엔드 프로젝트를 미션 콘텐츠입니다. DevTime이라는 타이머 앱을 직접 구현해보면서 프로젝트 실습을 해볼 수 있도록 PRD 기획 문서, Figma 시안, API 엔드포인트를 제공합니다. 실제 서비스와 유사한 수준의 프로젝트를 구현해 보면서 그동안 학습한 지식을 완벽하게 자신의 것으로 만들어 보세요 🚀

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