로그인
로그아웃
강의
웹개발이 처음이어도 쉽게 배우는 GPT 웹개발
500,000원
학습 질문
일반문답
선택 안 함
부가 서비스
학습알림
찐한관리
최종 금액
500,000원
완주 후 평생소장
500,000원
수강신청하기
웹개발이 처음이어도 쉽게 배우는 GPT 웹개발
입문자부터 실무자까지, 웹 페이지 제작의 핵심 기술과 ChatGPT 활용법을 배울 수 있어요.
68개 수업
총 7시간 36분
500,000원
다른 방법으로도 수강할 수 있어요
일반 결제로
수강하기
내일배움카드로
국비지원 받기
웹 개발을 처음부터 차근차근 배우고 싶어요.
코딩 왕초보
HTML, CSS, JavaScript로 웹 사이트를 직접 만들고 싶습니다.
코딩 왕초보
Python과 Flask를 배워 웹 애플리케이션을 구축해보고 싶어요.
코딩 왕초보
ChatGPT와 함께 쉽고 빠르게 웹개발을 배워보세요!
코딩 입문자도 따라 할 수 있는 체계적인 과정! 웹 개발의 기초부터 배포까지, 실무에 필요한 모든 것을 익혀보세요.
웹개발이 처음이어도 쉽게 배우는 GPT 웹개발
5주 수강 후 평생 소장
68개 수업 ・ 총 7시간 36분
사전 지식 없이 수강 가능
* 기기사양
Window 10 이상 / Mac 11.7(Big Sur) 이상
[기기 사양 확인법]
- 윈도우: 컴퓨터 설정 → 시스템 → 정보
- Mac: 화면 왼쪽 상단 Apple 로고 → 이 Mac에 관하여
[상세 사양]
- 윈도우 : 버전 10 이상 / RAM 8G 이상 / i5 이상 / 64bit 이상 - Mac : 11.7 (Big Sur) 이상
핵심 스킬 3가지
웹 사이트 직접 제작하기
HTML, CSS, JavaScript와 Bootstrap을 활용해 원하는 웹 사이트 화면을 제작합니다.
데이터베이스와 크롤링 활용 능력
SQLAlchemy를 사용해 데이터베이스를 조작하고, 크롤링으로 웹 사이트에 필요한 데이터를 수집합니다.
내가 만든 웹 사이트 배포하기
Pythonanywhere를 이용해 내가 만든 웹사이트를 배포하는 방법을 배워봅니다.
이 강의를
들어야 하는 이유
01
웹개발을 처음 시작하는 사람도 쉽게 학습하기
기초 HTML부터 Python과 Flask로 웹 애플리케이션을 만드는 과정까지, 코딩을 처음 배우는 사람도 차근차근 따라 할 수
02
웹사이트 개발의 전 과정을 경험하기
웹 디자인, 서버 구축, 데이터베이스 활용, 그리고 배포까지 웹 개발의 모든 과정을 실습을 통해 배울 수 있습니다.
03
직접 만든 웹 페이지로 포트폴리오 만들기
5주 동안 자신만의 웹사이트를 완성해, 실무에 바로 활용할 수 있는 포트폴리오로 활용해보세요.
실습 결과물
3개
데일리모토 웹 사이트 만들기
영화 검색 사이트 만들기
멜로디 쉐어 웹 사이트 만들기
커리큘럼
5주 과정
사용 기술
HTML/CSS/JavaScript, Bootstrap, JQuery, Fetch, Python, Beautifulsoup4, Flask, SQLite & SQLAlchemy, Pythonanywhere
구현 기능
Bootstrap을 활용하여 인터랙티브한 반응형 웹 사이트 만들기 웹에서 음악 데이터를 수집(크롤링)하고, 데이터베이스에 저장하기 실시간 날씨, 시간, 명언을 볼 수 있는 동기부여 Dashboard 만들기
챕터 1
HTML, CSS 기초 이해하고 웹 화면 그리기
웹 브라우저 작동 원리를 배우고 HTML, CSS를 활용해 웹 사이트 화면을 만듭니다.
17강
총 2시간 1분
1-1
1주차 우리가 배울 것
1-2
웹 브라우저 원리
1-3
필수 프로그램 설치하기
1-4
HTML, CSS 기본 내용
1-5
코딩의 꿀팁 배우기 1
1-6
간단한 로그인 페이지 만들어보기
1-7
CSS 기초 (선택자, 속성) 배우기
1-8
HTML로 레이아웃 만들기
1-9
데일리모토 프로젝트 설명
1-10
데일리모토 만들기
1-11
구글 폰트 사용하기
1-12
코딩의 꿀팁 2
1-13
부트스트랩, 예쁜 CSS 모음집
1-14
멜로디쉐어 만들기 1
1-15
멜로디쉐어 만들기 2
1-16
1주차 끝 & 숙제 설명
1-17
멜로디쉐어 완성도 높이기
챕터 2
JavaScript 공부하고 움직이는 웹 사이트 만들기
JavaScript 문법을 배우고, JQuery를 활용하여 HTML을 조작합니다.
15강
총 1시간 54분
2-1
2주차 오늘 배울 것
2-2
JavaScript 맛보기
2-3
JavaScript 기초 문법 배우기 (1)
2-4
JavaScript 기초 문법 배우기 (2)
2-5
JavaScript & JQuery 연습하기 (1)
2-6
JQuery 연습하기 (2)
2-7
[데일리모토] 시간 기능 구현하기
2-8
서버-클라이언트 통신 이해하기
2-9
Fetch로 요청 보내기
2-10
Fetch 데이터 처리하기
2-11
Fetch 연습하기 (1)
2-12
Fetch 연습하기 (2)
2-13
데일리모토 명언 기능 적용
2-14
2주차 끝 & 숙제 설명 (데일리모토)
2-15
실시간 서울 날씨 API를 적용하기
챕터 3
Python 공부하고 데이터를 다루는 웹 서버 구축하기
Python 기초 문법을 배우고, 크롤링을 활용하여 데이터를 수집하는 방법을 배워봅니다.
16강
총 1시간 58분
3-1
3주차 오늘 배울 것
3-2
같이 설치하기
3-3
Python 시작하기
3-4
Python 기초 문법 1
3-5
Python 기초 문법 2
3-6
Python 가상 환경 생성하기
3-7
패키지 사용해보기
3-8
날씨 웹 스크래핑(크롤링)하기
3-9
음악 웹 스크래핑(크롤링)하기
3-10
Flask를 활용한 웹 개발
3-11
Flask 시작하기
3-12
Flask로 로또 추천 사이트 만들기 1
3-13
Flask로 로또 추천 사이트 만들기 2
3-14
영화 검색 사이트 만들기
3-15
3주차 끝 & 숙제 설명
3-16
조건에 맞는 정보 조회하기
챕터 4
Flask를 활용해서 멀티 페이지 구축하기
데일리모토 웹 사이트를 만들고, Python으로 데이터베이스를 제어합니다.
11강
총 50분
4-1
4주차 오늘 배울 것
4-2
[데일리모토] 프로젝트 세팅
4-3
[데일리모토] 뼈대 준비하기
4-4
[데일리모토] 라우팅 연습
4-5
[데일리모토] URL 주소에서 데이터 가져오기
4-6
[데일리모토] 페이지 이동 기능 만들기
4-7
Database(DB) 개괄
4-8
SQLite 시작하기
4-9
SQLAlchemy로 Database 조작하기
4-10
4주차 끝 & 숙제 설명
4-11
멜론 차트 스크래핑하기
챕터 5
내가 만든 웹 사이트 배포하기
멜로디쉐어 웹 사이트를 완성하고, 최종 배포하는 방법을 배워봅니다.
9강
총 51분
5-1
5주차 오늘 배울 것
5-2
[멜로디쉐어] - 프로젝트 세팅하기
5-3
[멜로디쉐어] - 최애곡 생성하기
5-4
[멜로디쉐어] - 최애곡 보여주기
5-5
배포 이론
5-6
Pythonanywhere로 배포하기
5-7
og 태그 설정하기
5-8
5주차 끝 & 숙제 설명
5-9
내 도메인 제출하기
튜터 소개
최지웅
현) 스파르타코딩클럽 커리큘럼 리드
전) 삼성 청년 소프트웨어 아카데미 파이썬 트랙 대표 교수
전) 코드잇 Contents Producer
전) 에이럭스 전임 연구원
완강까지 책임지는 학습 관리 시스템
결국 끝까지 듣고 내 것으로 만드는 게 가장 중요해요. 나에게 필요한 학습 관리 서비스를 선택해 보세요.
*수강 신청 단계에서 선택 시 상품 금액에 포함되는 유료 서비스
진도 관리 - 학습 알림 / 찐한 관리
학습 알림 (문자) : 문자, 알림톡으로 학습 공지 및 독려 메시지를 보내드려요.
찐한 관리 (전화) : 끝까지 완주하실 수 있도록 학습관리 매니저가 전화로 독려해 드려요.
학습 질문 - 일반문답
공부하다가 궁금한 점이 생기면 언제든 학습 질문 게시판에 질문을 남겨요. 튜터에게 24시간 이내 답변을 받을 수 있어요.
FAQ
더 많은 질문 보기