내일배움
← 탐색으로
개강일 지남

코딩이 처음이어도 괜찮아! 웹개발과 IT 기초 지식

고려아카데미(원격) · 61회차 · 서울 금천구

디자인K-디지털기초

프로그램 요약

수업일정
2026.08.11 ~ 2026.09.101개월
모집정원
1000명
총 시간
미표기
학습장소
서울서울특별시 금천구 디지털로9길 32온라인
강의장
갑을그레이트밸리 B동 17층 1701호~1704호
수강료
미공개 상담 시 확인

출처 · 고용24 등록값 · 기관 표기분은 별도 표시

어떤 분이 수강하면 좋을지

  • 전공·학력 무관K-디지털 기초역량은 제도상 전공을 보지 않습니다
  • ★과정 종합 안내★ 본 과정은 IT 기초부터 웹 개발, 프로그래밍, 프레임워크 활용까지 포괄적인 IT 기술을 학습하는 과정입니다. IT 학습 전략과 최신 트렌드를 익힌 후, HTML과 CSS를 사용한 웹 개발을 배우고, JavaScript를 활용하여 동적인 웹페이지를 개발하는 능력을 기릅니다. 또한, Bootstrap을 사용하여 전문적인 웹 디자인을 구현하고, 실제 프로젝트를 통해 실무 능력을 배양합니다. 본 과정을 통해 IT 기초 지식부터 실제 웹 서비스 개발까지 체계적으로 학습하고, 개발자 커리어를 준비할 수 있습니다. ★선수학습이 필요한가요?★ 본 과정은 IT 기초부터 웹 개발, 프로그래밍, 프레임워크 활용까지 다루고 있기 때문에, 기본적인 IT 지식과 컴퓨터 사용에 익숙한 분들에게 추천드립니다. 하지만 이 과정은 처음부터 차근차근 설명하므로 프로그래밍에 처음 도전하는 분들도 충분히 수강 가능합니다. 프로그래밍과 웹 개발에 대한 강한 흥미와 호기심, 그리고 꾸준한 학습 의지만 있다면 본 과정을 통해 IT 기초부터 웹 개발, 프로그래밍, 프레임워크 활용까지 전반적인 IT 기술을 습득할 수 있습니다. [훈련대상] 1. 취업시장 내 IT기초 역량을 바탕으로 경쟁력을 갖추고 싶은 구직자 2. 프로그래밍 전공자는 아니지만 코딩과 빅데이터에 대해 폭넓게 이해하고자 하시는 분 3. IT 분야로 취업하거나 직무를 전환하고 싶은데, 어디서부터 어떻게 로드맵을 세워야 할지 막막하신 분 4. IT 여러 분야에 대해 이해하고 다양한 프로그램과 기술의 상관관계에 대해 정리하고 싶으신 분 5. 코딩을 통해 나만의 프로젝트 결과물을 갖춰 포트폴리오를 만들어 나가고 싶으신 분 6. 개발자는 아니지만, IT기초 지식을 바탕으로 개발자와 원활하게 커뮤니케이션하고 싶은 근로자 [훈련목표] 1. IT 학습 전략과 최신 트렌드를 이해하고 적용할 수 있다. 2. HTML과 CSS를 사용하여 웹페이지를 설계하고 구현할 수 있다. 3. JavaScript를 활용하여 동적인 웹페이지를 개발할 수 있다. 4. Bootstrap 프레임워크를 활용하여 전문적인 웹 디자인을 수행할 수 있다. 5. 실제 프로젝트를 통해 웹 개발 실무 능력을 배양할 수 있다. 6. 챗GPT 를 활용한 문제해결 능력을 함양 할 수 있다.

출처 · 기관 랜딩페이지 · 제도 요건

커리큘럼

고용24 등록 교과목 14개 보기
  • 교과목단원명
  • 강의 소개와 수업 준비1. 강의 소개 2. 수업 진행 방법 소개 3. 꼭 알아둬야 할 IT 학습 전략 4. 효과적인 IT 학습 팁 5. IT 세부분야 큰 그림으로 이해하기 6. 앞서가는 분들의 최근 IT 활용법 7. IT 커리어 및 학습 전략 이해하기
  • 최신 IT현업으로 이해하는 IT 세계8. 최신 IT 스타트업 현업 이해하기 9. IT 배경지식 이해하기 10. 첫 프로그래밍 언어 선택 전략 이해하기 11. 최근 가장 핫한 IT 분야: 데이터 분야 이해하기 12. 본 강의와 향후 학습 로드맵 이해하기 (혼자서도 웹/앱 개발하기) 13. 본 강의와 향후 학습 로드맵 이해하기 (개발자 커리어 준비하기) 14. 본 강의와 향후 학습 로드맵 이해하기 (데이터 커리어와 나의 커리어에서 IT 활용) 15. IT 학습 및 커리어 전략 점검하기
  • 웹개발 HTML 로 시작하기16. 첫 코딩: HTML 이해하기 17. 코딩을 위한 개발 환경 구축하기 18. HTML 기본 구조 이해하기 19. IT 배경 지식: 인코딩과 HTML 20. HTML 속성 이해하기 21. HTML 테이블 구성하기 22. HTML 상품 설명 페이지 작성
  • 웹디자인을 위한 CSS 알아보기23. IT 배경 지식 경로와 이미지 24. CSS 이해하기 25. CSS 프로퍼티 이해하기 26. 생성 AI (챗GPT) 를 IT 학습과 개발에 활용하는 방법1 27. 생성 AI (챗GPT) 를 IT 학습과 개발에 활용하는 방법2 28. 생성 AI (챗GPT) 를 활용한 CSS 와 웹개발 학습 29. HTML 및 CSS 기초: 텍스트 스타일링 연습
  • 웹개발을 위한 CSS 한발짝 더 들어가기30. CSS 박스모델 이해하기 31. CSS 웹페이지에 적용하기 32. CSS 파일로 만들기 33. 그럴듯한 웹페이지를 위한 블록과 인라인 특성 이해하기 34. 그럴듯한 웹페이지를 위한 CSS FLEX 이해하기 35. HTML 및 CSS 기초: 플렉스박스를 이용한 레이아웃 구성
  • HTML, CSS 활용하여 웹개발해보기36. 지금까지 익힌 CSS와 HTML로 실습하기 37. IT 배경 지식 시멘틱웹과 검색 엔진 38. 그럴듯한 웹페이지를 위한 CSS POSITION 이해하기 39. HTML 및 CSS 기초: 플렉스박스를 이용한 상단 메뉴 구성
  • Bootstrap 프레임워크 활용하기40. 부트스트랩과 프레임워크 이해하기 41. 부트스트랩 템플릿 활용하기 42. HTML/CSS 와 부트스트랩으로 그럴듯한 웹페이지 개발해보기: 블로그 페이지1 43. HTML/CSS 와 부트스트랩으로 그럴듯한 웹페이지 개발해보기: 블로그 페이지2 44. HTML/CSS 와 부트스트랩으로 그럴듯한 웹페이지 개발해보기: 블로그 페이지3 45. HTML/CSS 와 부트스트랩으로 그럴듯한 웹페이지 개발해보기: 블로그 페이지4 46. HTML/CSS 와 부트스트랩으로 그럴듯한 웹페이지 개발해보기: 이력서페이지 47. 부트스트랩 이력서 페이지 확장 및 개선하기
  • IT 전문가의 첫 출발: 프로그래밍 이해하기48. 프로그래밍과 JavaScript언어 이해하기 49. 프로그래밍을 위한 변수와 함수, JavaScript 로 이해하기 50. 프로그래밍을 위한 변수와 함수, JavaScript 로 연습하기 51. 프로그래밍을 위한 조건문, JavaScript로 이해하고 실습하기 52. 웹개발을 위한 JavaScript BOM 이해하고 실습하기 53. 웹개발을 위한 JavaScript DOM 이해하고 실습하기 54. 자바스크립트 조건문 실습
  • 웹페이지에 프로그래밍 적용하기55. 프로그래밍을 위한 반복문, JavaScript로 이해하고 실습하기 56. JavaScript웹개발에 적용해보기 57. 그럴듯한 웹개발을 위한 JavaScript데이터 구조 배열 이해하고 연습하기 58. 그럴듯한 웹개발을 위한 JavaScript데이터 구조 사전 이해하고 연습하기 59. 자바스크립트 객체를 사용한 비교문 실습
  • 그럴듯한 웹페이지 따라서 개발해보며 연습하기 (MBTI조합)60. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기1 61. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기2 62. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기3 63. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기4 64. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기5 65. 지금까지 익힌 웹기술로 MBTI 웹서비스 개발하기6 66. MBTI서비스의 worst 케이스 처리
  • 그럴듯한 웹페이지 따라서 개발해보며 연습하기 (날씨정보서비스)67. 지금까지 익힌 웹기술로 날씨정보 웹서비스 개발하기1 68. 지금까지 익힌 웹기술로 날씨정보 웹서비스 개발하기2 69. 지금까지 익힌 웹기술로 날씨정보 웹서비스 개발하기3 70. 지금까지 익힌 웹기술로 날씨정보 웹서비스 개발하기4 71. 날씨 정보 서비스 최종 프로젝트
  • 마무리: 본 강의 기술과 연결된 기술과 IT 현업 이해72. 실제 웹서비스 개발에 필요한 모든 기술 이해하기 73. 개발 분야 학습 로드맵: 프론트엔드, 백엔드, 풀스택 개발자 74. 개발 분야 학습 로드맵: 앱 개발자 75. 강의 마무리 76. 개발자 커리어와 웹 개발 언어 이해
  • 총 훈련시간70 시간

출처 · 고용24

지원 혜택

기관이 공개한 혜택 정보가 없습니다. 상담에서 확인하세요.

출처 · 기관 랜딩페이지 · 훈련장려금은 제도

지원 절차

기관이 공개한 절차 정보가 없습니다. 지원하면 상담에서 안내받습니다.

출처 · 기관 랜딩페이지 · 기관마다 다릅니다

자주 묻는 질문

비전공자도 지원할 수 있나요?

K-디지털 기초역량은 제도상 전공·학력을 보지 않습니다. 다만 기관이 밝힌 훈련 대상이 있어 위 「어떤 분이 수강하면 좋을지」를 함께 확인하세요.

내일배움카드가 꼭 있어야 하나요?

지원 시점에 없어도 됩니다. 상담 단계에서 발급을 진행합니다. 다만 수강신청은 카드가 있어야 마칠 수 있습니다.

선발 절차가 있나요?

기관이 공개한 절차에서 별도 시험·전형은 확인되지 않았습니다. 상담 후 수강신청으로 이어집니다.

예전에 국비 교육을 들었는데 또 되나요?

중복수강 제한이 있을 수 있습니다. 최근 수료 이력이 있으면 상담 단계에서 먼저 확인해야 합니다.

출처 · 제도 요건 · 과정 데이터로 답이 채워지는 질문만

기관 랜딩페이지가 확인되지 않았습니다. 아래 정보는 고용24 등록값입니다.

고용24 2026-08-14 기준 · 매일 갱신

비슷한 과정

같은 직종(응용SW엔지니어링)으로 개강 예정인 과정입니다

다음 회차 알림 받기