ITQ OA Master
ITQ OA Master는 Excel 2021, 한글 2022, PowerPoint 2021, 인터넷 AI의 4과목을 한 과정에서 학습하는 ITQ 통합 과정입니다. 시험·OA Master 안내부터 각 과목별 실습, 마지막 4과목 종합정리와 시험전략까지 순서대로 학습합니다. 총 27강 구성 · 27강 모두 공개 · 완강 Exc
공개 27회차소속 분야·관련 과정 보기 →알지오 전체 학습 가이드
학과 대표 허브는 학습 분야 전체를 설명하고, 전문 허브는 특정 프로그램·자격·기술을 더 깊게 안내합니다.
먼저 큰 분야를 이해한 뒤 필요한 전문 가이드와 실제 강좌로 내려가면 훨씬 빠르게 학습 방향을 잡을 수 있습니다.
FREE LEARNING LAB에서 48개 무료강좌의 실제 목차를 확인하고 전문 분야 학습으로 이어가세요.
무료강의 전체 →
새 강좌와 완강 과정으로 이어지는 학습 경로
디지털 시스템 설계 학과에서 HDL 전문 허브를 거쳐 System Verilog: RTL·통신 설계와 자동검증 또는 VHDL 스마트 제어·통신 설계: GHDL·교차로 통합으로 학습을 이어갈 수 있습니다.
컴활 1급·2급 정규 동영상 과정, GTQ Master 포토샵·일러스트 32강, ITQ OA Master 4과목 27강 완강의 실제 목차를 확인하세요. 별도의 무료 문제풀이 126회차·3,386문항은 로그인 후 문제풀이와 오답 복습에 이용합니다.
ALZIO LEARNING DIRECTORY
27개 학과를 10개 학습 분야로 다시 정리했습니다
알지오의 프로그램·자격증·기술 허브를 단순 가나다순으로 나열하지 않고, 실제 학습 목적과 기술 관계에 따라 연결했습니다. 학과 대표 허브에서 분야를 이해하고, 전문 허브에서 프로그램을 비교한 뒤 실제 강좌로 이동할 수 있습니다.
27개
공개 학과
62개
전문·정보 허브
243개
공개 강좌
10개
통합 분야
목적부터 고르면 더 쉽습니다
처음이라면 아래 추천 경로를 참고하세요.
웹사이트를 만들고 싶어요 🌐
HTML·CSS → JavaScript → 프론트엔드 → 웹 프로그래밍
웹 & 풀스택 입문
개발자로 시작하고 싶어요 💻
프로그래밍 기초 → 언어 선택 → Git · Linux → 실무 분야
소프트웨어 엔지니어링
데이터와 AI를 배우고 싶어요 📊
데이터베이스·SQL → Python → 데이터 분석 → AI·ChatGPT
데이터 사이언스 & AI
설계·제조 분야를 배우고 싶어요 ⚙️
AutoCAD → 기계설계 → CAM·CNC
기계 · 제조 · CAD
3D·건축·디자인을 배우고 싶어요 🏛️
3D 모델링 → BIM·렌더링 → 제품디자인
건축 · 3D 그래픽스
영상·콘텐츠를 만들고 싶어요 🎬
미디어 제작 → 영상 편집·Adobe 영상 → 오디오
영상 & 사운드 크리에이티브
자격증부터 준비하고 싶어요 🏆
자격증 종합 가이드 → 종목 선택 → 실제 강좌
국가공인 & 전문자격
01
자격증·시험·오피스
국가기술자격증, 실무 컴퓨터활용능력, 공인 데이터/그래픽 자격 시험 및 비즈니스 오피스 실무
자격증 필기 CBT로 학습 내용을 점검하세요
자격증 정규강좌 · 종목별 자격증 가이드에서 학습 방향을 정한 뒤 무료 필기 CBT 통합 허브에서 회차를 선택하세요.
컴활 1급 31회차·680문항 · 컴활 2급 22회차·536문항 · 워드프로세서 13회차·340문항 · 정보처리기사/산업기사 36회차·1,350문항(필기·실기 문제풀이) · 프로그래밍기능사 24회차·480문항
안내 페이지는 공개되며 실제 문제풀이는 로그인 회원용 무료 자료입니다. 독자 제작 문항의 즉시 채점과 오답노트로 복습하고, 이론 학습은 컴활 정규강좌 안내 또는 워드프로세서 정규강좌로 이어갈 수 있습니다. 정보처리기사/산업기사 정규 동영상 강좌에서는 요구사항·설계·테스트·DB 개념을 학습합니다. 별도 문제풀이와 동영상 공개 범위는 다릅니다.
각 동영상 과정의 현재 공개 구성은 강좌소개에서 확인하세요. 무료 문제풀이 126회차는 동영상 강좌 수에 포함하지 않습니다.
학과 대표
자격증 안내
컴퓨터·IT 국가공인 및 민간 전문 자격증 종합 가이드
가이드 보기 →
자격·시험
자격시험 정보
최신 시험 일정, 응시 자격 및 종목별 시험 정보 안내
가이드 보기 →
자격·시험
컴퓨터활용능력
대한상공회의소 컴활 1급·2급 필기 및 실기 정복 가이드
가이드 보기 →
시험·정보
컴활 2027 개편 안내
2027년 개편 대비 최신 컴퓨터활용능력 출제 기준 가이드
가이드 보기 →
시험·정보
컴활 1급 2027
2027 개편 컴활 1급 필기·실기 핵심 분석 및 대비
가이드 보기 →
시험·정보
컴활 2급 2027
2027 개편 컴활 2급 핵심 이론 및 실기 기출 분석
가이드 보기 →
자격·시험
ITQ OA Master · 4과목
Excel 2021·한글 2022·PowerPoint 2021·인터넷 AI 4과목 · 총 27강 구성 · 완강
가이드 보기 →
자격·시험
GTQ 그래픽기술자격
포토샵·일러스트레이터 국가공인 그래픽 시험 가이드
가이드 보기 →
자격·시험
SQLD 자격검정
한국데이터산업진흥원 SQL 개발자 국가공인 자격 가이드
가이드 보기 →
자격·시험
ADsP 데이터분석
데이터분석 준전문가 공인 자격 핵심 이론 및 시험 대비
가이드 보기 →
학과 대표
오피스 실무
실무 비즈니스 문서 작성과 업무 자동화 오피스 종합
가이드 보기 →
전문 허브
마이크로소프트 엑셀
엑셀 기초부터 함수 수식, 피벗, 데이터 시각화 완성
가이드 보기 →
02
웹 제작·프론트엔드·웹기획
최신 웹 표준부터 인터랙티브 UI 개발, 프레임워크 기반 프론트엔드 엔지니어링
학과 대표
프론트엔드 개발
HTML/CSS/JS부터 현대 모던 프론트엔드 프레임워크까지
가이드 보기 →
전문 허브
HTML · CSS
시맨틱 마크업, CSS3 레이아웃, 반응형 웹 표준 기초
가이드 보기 →
전문 허브
자바스크립트
모던 ES6+ 문법부터 비동기 처리, 웹 애플리케이션 개발
가이드 보기 →
학과 대표
웹 빌더 솔루션
노코드·로우코드 기반 CMS 및 빠른 웹사이트 제작
가이드 보기 →
학과 대표
UI · UX 디자인
사용자 경험 설계, 와이어프레임 및 디자인 시스템 구축
가이드 보기 →
학과 대표
웹 프로그래밍
클라이언트와 서버를 잇는 웹 아키텍처 및 풀스택 학습
가이드 보기 →
전문 허브
Node.js
이벤트 기반 고성능 자바스크립트 백엔드 런타임
가이드 보기 →
전문 허브
PHP 웹개발
동적 웹사이트 개발, 모던 PHP 문법 및 서버사이드 로직
가이드 보기 →
전문 허브
Spring Framework
엔터프라이즈 자바 백엔드 표준 프레임워크와 스프링 부트
가이드 보기 →
레거시
파워빌더
엔터프라이즈 C/S 환경 레거시 비즈니스 애플리케이션
가이드 보기 →
레거시
레거시 웹 기술
과거 엔터프라이즈 웹 환경 유지보수 및 전환 가이드
가이드 보기 →
전문 허브
모바일 앱 개발
크로스 플랫폼 및 네이티브 모바일 애플리케이션 구축
가이드 보기 →
03
프로그래밍 언어·개발환경
기초 문법부터 시스템 프로그래밍, 객체지향 설계, 개발 도구 및 인프라 환경
학과 대표
프로그래밍 기초
컴퓨터 과학 기본 원리, 알고리즘과 자료구조 기초
가이드 보기 →
전문 허브
C / C++
고성능 시스템 프로그래밍과 메모리 관리, 객체지향 정복
가이드 보기 →
전문 허브
C# (.NET)
모던 .NET 생태계, 윈도우 앱, 백엔드 및 게임 로직
가이드 보기 →
전문 허브
자바 (Java)
객체지향 프로그래밍 표준, JVM 생태계와 안정적 백엔드
가이드 보기 →
전문 허브
파이썬 (Python)
데이터 분석, 자동화, 웹 개발에 최적화된 만능 언어
가이드 보기 →
전문 허브
Go (Golang)
클라우드 네이티브, 마이크로서비스 동시성 프로그래밍
가이드 보기 →
전문 허브
루비 (Ruby)
생산성 높은 객체지향 언어와 모던 웹 프레임워크
가이드 보기 →
전문 허브
스칼라 (Scala)
함수형 프로그래밍과 객체지향 결합, 대용량 분산처리
가이드 보기 →
전문 허브
코틀린 (Kotlin)
안드로이드 공식 개발 언어 및 간결한 모던 JVM 언어
가이드 보기 →
레거시
Visual Basic
클래식 윈도우 데스크톱 개발 및 레거시 매크로 실무
가이드 보기 →
레거시
델파이 (Delphi)
네이티브 고속 윈도우 컴포넌트 기반 애플리케이션
가이드 보기 →
학과 대표
Git 버전관리
분산 버전 관리 시스템, 협업 워크플로우와 브랜치 전략
가이드 보기 →
학과 대표
리눅스 서버
서버 환경 구축, 쉘 스크립트, 시스템 관리 및 인프라
가이드 보기 →
전문 허브
소프트웨어 디자인패턴
유지보수성과 확장성을 높이는 객체지향 아키텍처 패턴
가이드 보기 →
전문 허브
네트워크 스캐닝 Nmap
네트워크 진단, 포트 스캔 및 보안 감사 기초 실무
가이드 보기 →
04
데이터·AI·데이터베이스
정형·비정형 데이터베이스 엔지니어링, 빅데이터 처리, 생성형 AI 및 인공지능 응용
학과 대표
데이터베이스 종합
관계형 DB 이론, 스키마 모델링과 데이터 무결성 관리
가이드 보기 →
전문 허브
SQL 쿼리 실무
표준 SQL 데이터 조회, 조인, 서브쿼리 및 인덱스 최적화
가이드 보기 →
전문 허브
오라클 (Oracle)
엔터프라이즈 대용량 RDBMS 관리, PL/SQL 프로그래밍
가이드 보기 →
학과 대표
데이터 분석
파이썬·R 기반 통계 분석, 데이터 전처리 및 시각화
가이드 보기 →
전문 허브
하둡 (Hadoop)
분산 파일 시스템(HDFS)과 대규모 빅데이터 배치 처리
가이드 보기 →
학과 대표
인공지능 · 머신러닝
머신러닝 이론, 딥러닝 모델링 및 실무 AI 파이프라인
가이드 보기 →
전문 허브
ChatGPT · 생성형 AI
프롬프트 엔지니어링, 생성 AI 도구 활용 및 업무 혁신
가이드 보기 →
전문 허브
매트랩 (MATLAB)
수치 해석, 신호 처리, 공학 시뮬레이션 및 데이터 연산
가이드 보기 →
05
디지털 시스템·그래픽 프로그래밍
하드웨어 기술 언어, 회로/임베디드 설계, 게임 및 렌더링 파이프라인 엔지니어링
학과 대표
디지털 시스템 설계
하드웨어 회로 논리, FPGA 및 임베디드 시스템 설계
가이드 보기 →
전문 허브
HDL (VHDL / Verilog)
디지털 반도체 하드웨어 기술 언어와 RTL 설계
가이드 보기 →
전문 허브
랩뷰 (LabVIEW)
그래피컬 시스템 설계, 계측 제어 및 데이터 수집 자동화
가이드 보기 →
전문 허브
알티움 (Altium Designer)
전자 회로도 설계, 다층 PCB 레이아웃 및 거버 생성
가이드 보기 →
학과 대표
그래픽스 프로그래밍
OpenGL, DirectX 등 실시간 3D 그래픽 파이프라인
가이드 보기 →
학과 대표
게임 개발
게임 엔진 아키텍처, 물리 시스템 및 인터랙션 구현
가이드 보기 →
전문 허브
컴퓨터 비전 OpenCV
영상 처리, 객체 검출, 실시간 이미지 알고리즘 구현
가이드 보기 →
06
CG·그래픽 디자인
시각 디자인의 기초, 디지털 아트워크, 포토그래피 및 벡터 그래픽스
07
CAD·기계설계·CAM
2D/3D 도면 설계, 정밀 부품 및 기계 모델링, CNC/CAM 가공 데이터 생성
학과 대표
기계설계 종합
기계요소 설계, 공차 분석, 규격 도면 및 조립품 설계
가이드 보기 →
전문 허브
오토캐드 (AutoCAD)
산업 표준 2D 제도, 도면 작성 및 캐드 실무 기법
가이드 보기 →
전문 허브
카티아 (CATIA)
항공·자동차 산업 표준 하이엔드 3D 곡면 및 서피스 설계
가이드 보기 →
전문 허브
솔리드웍스 (SolidWorks)
직관적인 3D 파라메트릭 기계 설계 및 어셈블리
가이드 보기 →
전문 허브
지멘스 NX (UG NX)
금형 설계, 대형 어셈블리 및 제조 통합 하이엔드 CAD
가이드 보기 →
전문 허브
크레오 (Creo / Pro-E)
강력한 파라메트릭 기계 설계 및 복합 곡면 모델링
가이드 보기 →
전문 허브
인벤터 (Inventor)
오토데스크 3D 기계설계, 동역학 시뮬레이션 및 제도
가이드 보기 →
전문 허브
솔리드엣지 (Solid Edge)
동기식 테크놀로지 기반 빠르고 유연한 3D 기계 모델링
가이드 보기 →
학과 대표
CAM 가공 종합
공작기계 NC 코드 생성 및 툴패스 가공 전략
가이드 보기 →
전문 허브
마스터캠 (Mastercam)
2D/3D 밀링, 선반 CNC 절삭 가공 데이터 생성 표준
가이드 보기 →
전문 허브
파워밀 (PowerMill)
고속 5축 밀링 및 복잡한 금형 정밀 가공 솔루션
가이드 보기 →
08
3D·BIM·렌더링·제품디자인
3D 애니메이션 모델링, 건축 정보 모델링(BIM), 포토리얼리스틱 렌더링, 산업 디자인
학과 대표
3D 모델링 종합
폴리곤 모델링 기초부터 텍스처 매핑과 토폴로지 구성
가이드 보기 →
학과 대표
3D 그래픽스
3ds Max, Maya 등 비주얼 이펙트 및 캐릭터 모델링
가이드 보기 →
전문 허브
블렌더 (Blender)
올인원 오픈소스 3D 제작, 스컬프팅 및 셰이딩 파이프라인
가이드 보기 →
전문 허브
지브러시 (ZBrush)
고해상도 디지털 스컬프팅, 유기체 및 크리처 디테일링
가이드 보기 →
전문 허브
라이노 (Rhino 3D)
NURBS 정밀 곡면 모델링, 제품 및 주얼리 디자인 표준
가이드 보기 →
전문 허브
스케치업 (SketchUp)
신속하고 직관적인 건축 인테리어 3D 공간 모델링
가이드 보기 →
레거시
Vue 3D 환경제작
광활한 3D 자연 풍경, 대기 효과 및 환경 CG 저작
가이드 보기 →
레거시
오토데스크 123D
입문자를 위한 직관적이고 쉬운 3D 프린팅 기초 설계
가이드 보기 →
학과 대표
BIM 건축정보모델링
건축 생애주기 통합 관리, 3D 파라메트릭 도면화
가이드 보기 →
전문 허브
레빗 (Revit)
오토데스크 대표 건축 BIM, 구조 및 설비 통합 솔루션
가이드 보기 →
전문 허브
아키캐드 (ArchiCAD)
그래피소프트 대표 건축 전용 BIM 저작 도구
가이드 보기 →
학과 대표
렌더링 · 시각화
V-Ray, KeyShot 등 사실적 재질과 라이팅 시각화
가이드 보기 →
학과 대표
제품디자인 실무
아이디어 스케치부터 실물 양산 가능한 기구 및 외관 설계
가이드 보기 →
전문 허브
퓨전 360 (Fusion 360)
클라우드 기반 CAD/CAM/CAE 통합 제품 개발 플랫폼
가이드 보기 →
전문 허브
알리아스 (Alias)
자동차 및 하이엔드 모빌리티 클래스-A 곡면 스타일링
가이드 보기 →
09
영상·사운드·미디어
디지털 영상 편집, 모션 그래픽스, 시각효과(VFX) 및 사운드 오디오 마스터링
10
영어·어학
글로벌 IT 엔지니어링 및 비즈니스 실무에 필요한 영어 및 어학 학습
FAQ
어디서 시작해야 할지 모르겠다면
프로그램 이름보다 먼저 ‘무엇을 하고 싶은지’를 기준으로 선택하세요.
웹사이트를 처음 만들려면 무엇부터 배워야 하나요?
기초 구조를 만드는 HTML·CSS부터 시작하고, 화면에 움직임과 상호작용을 더하는 자바스크립트를 익힌 뒤 React나 Vue 같은 프론트엔드 프레임워크나 백엔드로 확장하는 순서를 추천합니다.
기계설계 프로그램은 무엇이 다른가요?
AutoCAD는 2D 도면 작성과 제도의 표준이며, SolidWorks와 Inventor는 중소형 기계 파라메트릭 모델링에 적합합니다. CATIA와 NX는 항공·자동차 등 정밀 곡면 및 대형 어셈블리에 특화되어 있습니다.
AI와 데이터 공부는 어떤 순서가 좋은가요?
데이터베이스와 SQL로 데이터를 추출하는 원리를 이해한 뒤, 파이썬 기반 데이터 전처리 및 시각화를 거쳐 머신러닝/딥러닝 및 ChatGPT 활용 프롬프트 엔지니어링으로 나아가는 경로가 이상적입니다.
자격증 강의와 시험정보는 어디서 보나요?
자격증 안내 대표 허브(/certificate/)에서 전체 종목을 조망하고, 컴활·정보처리기사·ITQ·GTQ·SQLD 등 종목별 전문 가이드에서 최신 출제기준과 필기·실기 공략 강좌를 확인하실 수 있습니다.
무료강의도 이 학습지도에 포함되나요?
네, 무료강의는 별도로 분리된 과정이 아니라 각 전문 분야의 기초 이해와 실습을 돕는 연계 자료입니다. 상단 콜아웃 또는 무료강의 바로가기를 통해 전체 목록을 확인하실 수 있습니다.
구버전이나 단종 프로그램 강의는 왜 남겨두나요?
산업 현장과 관공서, 연구소에는 여전히 레거시 시스템 및 구버전 소프트웨어를 유지보수해야 하는 실무 수요가 많습니다. 알지오는 축적된 모든 기술 지식을 보존하여 지원합니다.
전체 공개 강좌와 문제풀이 안내
정규 195개 · 무료 48개 · CBT 5개 과정. 검색 없이도 모든 소개 페이지를 찾아갈 수 있습니다.
GTQ Master
GTQ 포토샵의 작업환경과 레이어·패스 구분을 익히고 유형별 기출문제를 작성하며 지시사항에 맞는 편집 과정을 연습합니다. GTQi에서는 펜툴·색상·효과·패턴을 다루고 GTQid에서는 제공 소스와 단락·텍스트를 편집합니다. 인디자인 마스터페이지의 번호와 레이어 구분까지 확인하며 세 프로그램의 시험 작업 유형을 각각 실습합니
공개 32회차소속 분야·관련 과정 보기 →컴활 1급
컴활 1급 과정은 현재 공개된 필기 실전 진단평가로 시험 준비 전 실력을 점검할 수 있습니다. 현재 제공 중인 학습 범위와 강의 수는 상세 강의구성에서 확인할 수 있습니다.
공개 60회차소속 분야·관련 과정 보기 →컴활 2급
컴활 2급 과정은 실전 진단평가와 합격 설계, 컴퓨터 기본 원리와 데이터 표현, 입력·출력장치와 컴퓨터 성능, 소프트웨어와 운영체제, Windows와 PC 관리 등을 다룹니다. 시험 구조를 이해하고 현재 실력부터 확인하기. 비트·바이트·2진수·16진수와 문자 표현 원리.
공개 58회차소속 분야·관련 과정 보기 →정보처리기사/산업기사
정보처리기사·산업기사 학습에 필요한 소프트웨어 개발 흐름과 데이터·시스템 개념을 연결하는 과정입니다. 생명주기와 요구사항을 시작으로 UML·설계, 인터페이스·배포·테스트, 관계형 데이터베이스·정규화·트랜잭션을 정리합니다. 이어 SQL 조회·조인, C·Java·Python 문법, 자료구조·운영체제·네트워크와 보안을 학습하고
공개 36회차소속 분야·관련 과정 보기 →워드프로세서 합격
워드프로세서 일반·PC운영체제·컴퓨터와 정보 활용의 기출문제를 해설과 함께 풀며 필기 개념을 정리합니다. 실기에서는 스타일과 그림 삽입, 누름틀·하이퍼링크·쪽 번호·머리말·꼬리말 등 문서 기능을 익힙니다. 회차별 실기 문제 작성까지 이어가며 문서에 요구된 요소를 배치하고 저장하는 과정을 반복해 시험 작업 유형을 확인합니다
공개 30회차소속 분야·관련 과정 보기 →전산회계 1급 한번에 합격
전산회계1급의 분개와 재무제표, 회계 순환을 이해하고 당좌자산·투자자산·무형자산의 내용을 정리합니다. 종합원가계산에서는 평균법과 선입선출법을 공부해 원가를 계산하는 방식을 살펴봅니다. 회사 등록과 전기분 재무제표 입력, 결산·장부 조회를 실습하며 회계 개념과 원가 계산을 전산 입력 및 결과 확인 작업에 연결합니다.
공개 24회차소속 분야·관련 과정 보기 →전산회계 2급 한번에 합격
재무상태표와 손익계산서, 거래의 분개를 통해 전산회계2급 학습에 필요한 회계 흐름을 익힙니다. 현금·매출채권 등 당좌자산과 기말재고자산 평가, 자본 및 수익·비용 계정의 차이를 정리합니다. 당좌자산의 일반 전표입력과 결산·장부 조회를 따라 하면서 거래 내용을 계정으로 구분해 입력하고 장부에서 결과를 확인하는 방법을 배웁니
공개 16회차소속 분야·관련 과정 보기 →영어발음
영어발음의 b·p와 hard c·soft c 차이를 단어 속에서 확인하고 자음별 소리와 생활표현을 함께 익힙니다. h·f·m·n의 발음 연습에 이어 단모음과 장모음 e를 짧은 이야기와 일상 단어로 공부합니다. 문장 읽기까지 연결하면서 개별 철자의 발음을 외우는 데서 나아가 생활 속 표현을 소리 내어 읽고 구분하는 연습을
공개 20회차소속 분야·관련 과정 보기 →토익기초
토익기초 문법에서 문장의 필수요소와 수식어구를 구분하고 문장 형식과 8품사의 역할을 정리합니다. 대명사·인칭대명사 및 기본·완료 시제를 예문과 연습으로 익히며 문장 안에서 단어가 연결되는 원리를 살펴봅니다. 등위·상관접속사와 전치사의 쓰임까지 학습해 문장의 구조와 의미를 함께 읽고 문법 문제에 적용하는 기초를 다집니다.
공개 20회차소속 분야·관련 과정 보기 →프론트엔드 개발자 [HTML,CSS,JS,React,Redux]
실제 웹페이지에 반영되는 예제를 통해 프론트엔드의 HTML 구조와 CSS 표현을 익힙니다. 기기별 반응형 레이아웃을 구성하며 화면 크기에 맞는 페이지 배치를 실습하고, 자바스크립트의 함수와 객체·메소드 정의를 살펴봅니다. Number 객체의 속성도 함께 확인하면서 문서와 스타일을 작성하는 기초에서 페이지에 사용할 코드의
공개 13회차소속 분야·관련 과정 보기 →자바스크립트 ES6 [입문부터 고급까지]
자바스크립트 ES6의 var·let·const와 변수 범위를 비교하고 배열·문자열·제어 흐름을 코드로 확인합니다. Promise의 체인과 오류 처리를 다루며 비동기 작업이 연결되는 방식을 익히고, DOM 요소의 이름과 본문을 읽거나 바꾸는 기능을 살펴봅니다. 입력·복사·붙여넣기와 초점 이벤트를 처리하면서 언어 문법을 웹페
공개 31회차소속 분야·관련 과정 보기 →HTML 기초 CSS3 + 부트스트랩
HTML 문서의 기본 태그와 소스 확인 방법을 익히고 상대·절대경로 및 링크 옵션으로 페이지 사이를 연결합니다. CSS3에서 DIV와 P의 차이와 여러 요소에 스타일을 반영하는 방식을 살펴보며 레이아웃을 구성합니다. 도메인 연결의 이해와 부트스트랩4 제작 실습까지 이어가며 문서 구조 작성에서 웹페이지의 스타일과 배치를 다
공개 25회차소속 분야·관련 과정 보기 →Figma UI UX 디자인
Figma UI/UX 디자인 시작하기 · Figma 설치와 작업 환경 구성 · 프레임과 레이어를 활용한 화면 구성 · 도형과 벡터를 활용한 UI 요소 제작
공개 33회차소속 분야·관련 과정 보기 →웹기획 홈페이지제작
도메인·호스팅·트래픽의 의미를 살펴보고 쇼핑몰 제작에 필요한 지식과 전략을 정리하며 웹기획을 시작합니다. 로그인·고객센터 배너가 있는 메인 시안과 좌측·퀵 메뉴의 서브 시안을 구성하고 일러스트레이터와 포토샵으로 아이콘을 제작합니다. 중앙 목록과 배너, 게시판·회원가입 화면으로 이어가며 사이트 기획을 실제 홈페이지 구성 요
공개 19회차소속 분야·관련 과정 보기 →스타트업 웹기획 E마케팅
홈페이지 제작을 의뢰하기 전 브랜드와 사이트 목적을 정리하고 제작기술·웹호스팅·게시판 선택 기준을 살펴봅니다. 홈페이지 빌더와 문의폼, 반응형과 별도 모바일 사이트의 차이를 비교하며 필요한 구성을 판단하는 방법을 익힙니다. 블로그의 대상 설정과 검색·SEO의 개념도 함께 다루어 스타트업의 웹기획을 콘텐츠 운영 및 E마케팅
공개 16회차소속 분야·관련 과정 보기 →제이쿼리 기초 + 고급
제이쿼리의 기초에서 시작해 animate를 이용한 움직임과 탭패널, 동적 이미지 구현을 학습합니다. Ajax 요청의 시작·종료·성공 시점을 다루는 API를 살펴보고 요소의 속성 변경과 스크롤 위치 제어 방법을 익힙니다. 폼 데이터를 직렬화하는 기능까지 확인하며 화면 전환, 요소 상태 관리, 입력 데이터 처리를 jQuery
공개 40회차소속 분야·관련 과정 보기 →제이쿼리 [실무]
숨겨진 메뉴와 버블형 메뉴, 전체 화면 이미지 갤러리를 제작하며 제이쿼리를 화면 구성에 활용합니다. jQuery Mobile의 페이지 전환과 버튼 설정을 실습하고 데이트 픽커 위젯의 옵션을 조절해 날짜를 선택하는 인터페이스를 만듭니다. 요소를 정렬하는 상호작용까지 다루면서 메뉴 탐색과 이미지 표시, 사용자 입력에 필요한
공개 40회차소속 분야·관련 과정 보기 →타입스크립트 [입문부터 차근차근]
타입스크립트 개발 환경을 설정하고 타입 단언과 interface를 사용하며 코드의 오류를 감지하는 방식을 살펴봅니다. 콜백 함수와 함수 오버로드, 반환타입·객체 구조 분해를 실습해 함수와 데이터의 관계를 익힙니다. 클래스 접근 방식과 선언 병합, 열거형 및 타입 호환성을 확인하면서 변수 선언부터 복합적인 타입 구성까지 단
공개 19회차소속 분야·관련 과정 보기 →ReactJS [제작실습]
ReactJS 개발 환경을 설치하고 페이지와 서버가 구동되는 구조를 확인한 뒤 함수·변수를 다른 자바스크립트 파일과 연결합니다. PureComponent와 라우터, 마운트 관련 동작을 살펴보며 앱 페이지의 구성 방식을 익힙니다. 계산기 예제 프로젝트를 분석해 수정하고 axios 예제를 따라가면서 기존 코드를 이해하고 기능
공개 17회차소속 분야·관련 과정 보기 →Node.js
Node.js와 Express를 설치해 서버를 실행하고 모듈과 app.js의 구성을 살펴보며 웹앱 개발을 시작합니다. Jade와 EJS 환경, 포트 설정을 확인한 뒤 GET·POST 요청과 세션·쿠키를 다루는 방법을 익힙니다. HTTP 응답 헤더와 JSON 데이터 표현까지 연결해 터미널에서 실행한 서버가 요청을 받아 페이
공개 13회차소속 분야·관련 과정 보기 →Angular.js [1 + 2]
Angular.js의 ng-model과 ng-bind로 입력 값과 화면을 연결하고 컨트롤러·배열·ng-repeat로 목록을 구성합니다. 필터와 시간 처리, HTTP 요청을 살펴본 뒤 연락처 추가·삭제와 키보드·마우스 이벤트를 다루는 코드를 실습합니다. 대시보드 추가와 수정 작업까지 이어가며 데이터 바인딩을 사용하는 화면이
공개 16회차소속 분야·관련 과정 보기 →ajax
ajax 학습 환경을 웹호스팅에 설정하고 DOM과 스타일 변경을 통해 웹페이지 요소를 다루는 방법을 살펴봅니다. JSON 파일을 생성하고 읽어오는 실습에 이어 이벤트가 발생한 대상을 찾고 마우스 동작을 처리합니다. CSS 클래스와 투명도를 바꾸거나 스타일 정보를 얻는 작업으로 데이터 읽기와 화면 요소 제어를 연결해 웹페이
공개 13회차소속 분야·관련 과정 보기 →HTML5 CSS3 실무
HTML5 요소와 CSS3 가상요소로 페이지를 구성하고 스타일의 상속관계가 여러 페이지에 적용되는 방식을 확인합니다. 외부폰트와 transition·transform을 사용해 로딩이나 마우스 오버에 반응하는 텍스트와 버튼을 제작합니다. 입체적인 3D 버튼과 효과를 실습하면서 문서 구조를 유지한 채 화면의 움직임과 시각적
공개 17회차소속 분야·관련 과정 보기 →