Sparta Coding Club 웹개발 학습 로그 (5주 코스)

이 레포지토리는 스파르타 코딩클럽 웹개발 강의의 총 5주차 분량을 하루에 1주차 단위로 학습하고, 그 결과물을 정리해 업로드하는 기록용 저장소입니다.

진행 방식

• 하루 학습 목표: 1주차 분량씩 완주
• 업로드 단위: 주차별(필요 시 날짜별) 커밋
• 산출물: 실습용 HTML/CSS/JS 파일 및 간단한 실험 코드

주차별 학습 목표(개요)

• 1주차: HTML/CSS 기본, 레이아웃(Flex/Grid), 시맨틱 마크업
• 2주차: JavaScript 기초, DOM 조작, 이벤트 처리
• 3주차: 비동기 통신(Fetch/AJAX), JSON, 간단한 API 연동
• 4주차: 상태/스토리지(LocalStorage 등), 미니 프로젝트 1
• 5주차: 미니 프로젝트 2, 개선/리팩터링, 간단 배포(예: GitHub Pages)

주차별 상세 목차

1주차

• 1-1: 1주차 오늘 배울 것
• 1-2: 필수 프로그램 설치
• 1-3: HTML, CSS 기본 내용
• 1-4: Quiz_간단한 로그인 페이지 만들어보기
• 1-5: CSS 기초
• 1-6: 자주 쓰이는 CSS 연습하기
• 1-7: 폰트, 주석, 파일분리
• 1-8: 부트스트랩, 예쁜 CSS 모음집
• 1-9: CSS 꿀팁 한번 더 배우기
• 1-10: 본격 부트스트랩 써보기
• 1-11: Quiz_포스팅박스를 완성하기!
• 1-12: Javascript 맛보기
• 1-13: Javascript 기초 문법 배우기(1)
• 1-14: Javascript 기초 문법 배우기(2)
• 1-15: Javascript 연습하기
• 1-16: 1주차 끝 & 숙제 설명
• 숙제: 팬명록 메인 페이지 만들기
• 마무리: 1주차 설문조사 제출하기

2주차

• 2-1: 2주차 오늘 배울 것
• 2-2: JQuery 시작하기
• 2-3: JQuery 다뤄보기
• 2-4: JQuery 적용하기(포스팅 박스)
• 2-5: Quiz_JQuery 연습하기
• 2-6: 서버·클라이언트 통신 이해하기
• 2-7: Ajax 시작하기
• 2-8: Ajax 함께 연습하기
• 2-9: Quiz_Ajax 연습하기(1)
• 2-10: Quiz_Ajax 연습하기(2)
• 2-11: 2주차 끝 & 숙제 설명
• 숙제: 팬명록에 날짜 정보 추가하기
• 마무리: 2주차 설문조사 제출하기

3주차

• 3-1: 3주차 설치
• 3-2: 연습 겸 복습 - 스파르타피디아에 OpenAPI 붙여보기
• 3-3: 파이썬 시작하기
• 3-4: 파이썬 기초공부
• 3-5: 파이썬 패키지 설치하기
• 3-6: 패키지 사용해보기
• 3-7: 웹스크래핑(크롤링) 기초
• 3-8: Quiz_웹스크래핑(크롤링) 연습
• 3-9: DB개괄
• 3-10: mongoDB 시작하기
• 3-11: mongoDB 연결하기
• 3-12: pymongo로 DB조작하기
• 3-13: 웹스크래핑 결과 저장하기
• 3-14: Quiz_웹스크래핑 결과 이용하기
• 3-15: 3주차 끝 & 숙제 설명
• 숙제: 지니뮤직 크롤링하기
• 마무리: 3주차 설문조사 제출하기

4주차

• 4-1: 4주차 오늘 배울 것
• 4-2: Flask 시작하기 - 서버만들기
• 4-3: Flask 시작하기 - HTML파일 주기
• 4-4: Flask 시작하기 - 본격 API 만들기
• 4-5: [화성땅 공동구매] - 프로젝트 세팅
• 4-6: [화성땅 공동구매] - 빼대 준비하기
• 4-7: [화성땅 공동구매] - POST 연습(주문 저장)
• 4-8: [화성땅 공동구매] - GET 연습(주문 보여주기)
• 4-9: [스파르타피디아] - 프로젝트 세팅
• 4-10: [스파르타피디아] - 조각 기능 구현해보기
• 4-11: [스파르타피디아] - 빼대 준비하기
• 4-12: [스파르타피디아] - POST 연습(포스팅하기)
• 4-13: [스파르타피디아] - GET 연습(보여주기)
• 4-14: 4주차 끝 & 숙제 설명
• 숙제: 팬명록 기능 완성하기
• 마무리: 4주차 설문조사 제출하기

5주차

• 5-1: 5주차 오늘 배울 것 & 설치
• 5-2: [버킷리스트] - 프로젝트 세팅
• 5-3: [버킷리스트] - 빼대 준비하기
• 5-4: [버킷리스트] - POST연습(기록하기)
• 5-5: [버킷리스트] - GET연습(보여주기)
• 5-6: [버킷리스트] - POST연습(완료하기)
• 5-7: 내 프로젝트를 서버에 올리기
• 5-8: AWS 서버 구매하기
• 5-9: 서버 세팅하기
• 5-10: Flask 서버를 실행해보기
• 5-11: nohup 설정하기
• 5-12: 도메인 연결하기
• 5-13: og 태그
• 5-14: 5주차 끝 & 숙제 설명
• 숙제: 팬명록 배포하기
• 마무리: 5주차 설문조사 제출하기