hw1. 숫자를 입력받고 홀수 구구단(3,5,7,9) 또는 짝수 구구단(2,4,6,8)을 출력하는 함수를 작성하고 실행하세요.

• 실행화면 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

hw2. 입력으로 들어오는 모든 수의 평균 값을 계산해 주는 함수를 작성해 보세요.

• 실행화면 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

과제: 블로그 프로젝트 기능 추가하기

---

요구사항:

• 게시글에 "카테고리 추가 - 영화(movie), 드라마(drama), 프로그래밍(programming)
• index 페이지에서는 각 카테고리로 이동하는 링크와 각 카테고리 게시글 갯수 보여주기
• detail 페이지에서는 글 제목, 내용, 글 작성시각 보여주기
• 각 카테고리별 페이지에서 해당 카테고리의 게시글만 리스팅
• css로 꾸미기 및 원하는 기능 자유롭게 추가해보기(optional)

---

TIP:

• 카테고리는 글 작성시 select box로 선택하게 하기
• 필요한 페이지: index.html, new.html, detail.html, movie.html, drama.html, programming.html
• 각 페이지마다 urls.py, views.py 작성필요
• 글 작성시각은 datetimefield 사용하지 않고도 views.py에서 처리 가능(hint: python의 time module 사용)

---

업로드 예시:

1. 정성원
2. 과제 스크린샷
3. 레포지토리 주소

---

마감: 04/15 목요일 까지

[필수]

• 100ms 마다 배경색이 랜덤으로 바뀌는 기능 구현
• 시계만들기 (제한 조건 : 0000년 00월 00 일 00시 00분 00초 (ex. 2021년 05월 20일 03시 21분 )
• js 파일 분리

[심화]

• 장고에 js 적용해보기
• 문의가 있어 추가합니다.
• (심화를 하는 것은 자유이며, 여태 자신이 했던 장고 프로젝트에 js를 추가하는 것입니다.)
• 글쓰는데 실패했거나, 회원가입에 실패했거나, 닉네임 글자수가 10글자 이상일때 이런식으로 응용해보시면 됩니다.
• 예시)
  • 장고 render 시, 장고 render(requset, html, { error: "에러메세지",~~~다양한 값들 })을 세션 ppt 맨 마지막 부분 따라하셔서 사용하시면 됩니다.
  • 강의에서 다루진 않았지만, 밑 사진처럼 하시면 쉽게 js를 사용하실 수 있습니다.
    

에서 error나 다양한 값들을 한번 적용

[제출기한]
2021-05-24 오후 7시 전까지

[업로드 예시]

• 이한주
• 과제 GIF (스샷ㄴㄴ)
• 구현한 기능 소개
• 레포 주소

To-Do-List 게시판 만들기

기능

• 할 일들을 전부 볼 수 있다.(제목 or 제목+내용 or 내용)
• 할 일을 생성할 수 있다.
• 각 할 일들의 제목, 세부사항, 마감 기한을 볼 수 있다.
• 각 할 일들을 수정할 수 있다.
• 각 할 일들을 삭제할 수 있다.

필수 사항

• 마감 기한이 적게 남은 순으로 할 일들이 보이게 정렬해주세요.
• CSS로 예쁘게 꾸며주세요.
• 오늘 배운 home.html, detail.html, new.html, edit.html이 구현되어야 합니다.
• 오늘 만든 Django 프로젝트가 아니라, 새로운 Django 프로젝트를 생성 해주셔야 합니다.

선택 사항

• 마감 기한으로부터 오늘까지 남은 날짜를 할 일 옆에 보여주세요.

---

제출 기한 : 5월 10일 오후 7시 전까지

업로드 예시

1. 김범진
2. 과제 스크린샷 혹은 GIF
3. 레포지토리 주소

과제 1. 현재 상영중인 영화정보 크롤링하기

• csv 파일 저장 결과 이미지 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기
• 선택) 코드를 기능별로 분리하여, main.py와 movie.py로 분리해보기

과제 2. 페이스북 클론 코딩

• 완성된 이미지 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

과제3. Codecademy Python3 (pro) 수강

• 수강 현황 이미지 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

업로드 예시 )

• 김동현
• 과제 1 이미지
• 과제 1 레포주소
• 과제 2 이미지
• 과제 2 레포주소
• 과제 3 이미지
• 과제 3 레포주소

• 마감 : 4/5일 월요일 오후 7시

과제

날씨검색페이지 만들기 && 기능추가하기

• openweathermap api를 사용해서 자유롭게 날씨 검색 페이지 만들기
• 원하는 기능 자유롭게 추가
• ex) 세계 날씨 보여주기, 랜덤 도시 날씨 보여주기 등등
• css로 꾸미기(optional)

제출기한

2021-07-15 세션 전까지

업로드 예시

1. 정성원
2. 과제 GIF or screenshot
3. 추가한 기능 소개
4. 레포 주소

자신 만의 과제 레포지토리 만든 다음에 Session0_HW 디렉토리 밑에 본인 만의 README작성해보기 (~3.22)

1. 이름
2. 과제 링크

[필수]

• 새로운 프로젝트를 생성하는게 아니라 세션 8의 과제에 새로운 기능 추가하는 것입니다!
• 회원가입 / 로그인 / 로그아웃 기능 구현
• 카카오 로그인 기능 구현
• 로그인 상태에 따라 nav-bar 달라짐
• 본인이 작성한 게시글/댓글에서만 수정/삭제 가능
• 로그인 해야 게시글/댓글 작성 가능
• 마이페이지(mypage.html)를 만들어서 본인이 쓴 게시글/댓글 모아보기

[심화]

• 마이페이지에서 프로필을 작성할 수 있도록 (사진, 학력, 생일 등)
• 게시글/댓글 앞에 작성자 username 뜨도록
• 작성자를 누르면 해당 작성자의 마이페이지 뜨도록
• 예쁘게 꾸며주세요~~

[제출기한]

• 2021-05-17 오후 7시 전까지

[업로드 예시]

1. 강단비
2. 과제 GIF (스샷ㄴㄴ)
3. 구현한 기능 소개
4. 레포 주소

1. 다음의 3가지 강의를 수강해주세요.

<HTML/CSS> (마감: 3/25 세션 전)

• Learn HTML
• Learn CSS

(마감: 3/29 세션 전)

• Python3 (Pro)

📌 Syllabus 탭에서 ‘Interactive lesson’이 표기된 강의만 수강해주세요. (퀴즈, 프로젝트 부분 제외)

📌 코드카데미 수강 완료 인증화면을 캡쳐해서 3/25, 3/29 세션까지 마감인 과제들과 함께 세션 폴더에 넣어서 깃헙에 업로드해주세요:)

2. HTML/CSS로 나만의 블로그 꾸미기

📌 강의안에 적혀있는 조건들을 모두 포함해서 제작해주시면 됩니다:) 어제 배운 내용들을 최대한 많이 연습해보시고, 배우지 않은 내용들도 필요하다고 생각하시면 넣으셔도 됩니다ㅎㅎ

📌 댓글로 과제 인증해주실 때 다음 내용들 포함해주세요!

1. 이름
2. 깃헙 링크
   : Session1 폴더 안에 블로그 html/css 파일, 코드카데미 수강 완료 인증 화면
3. 제작한 블로그 화면 캡쳐
   : 화면 비율 100%를 조정해서 캡쳐해주셔도 되고, 부분을 나누어 캡쳐해주셔도 됩니다:)

To-Do-List 게시판에 댓글 기능 추가하기 및 템플릿 상속을 이용하여 nav-bar 추가하기

기능

• 각 할일에 대해 댓글을 생성할 수 있다.
• 댓글을 삭제할 수 있다.
• 각 할 일에 달린 댓글을 볼 수 있다.
• 모든 페이지(디테일 페이지 포함)에서 nav-bar을 볼 수 있다.
• nav-bar을 통해 디테일 페이지를 제외한 모든 페이지에 접근할 수 있다.

필수사항

• 새로운 프로젝트를 생성하는 것이 아닌, 세션7의 과제에 새로운 기능을 추가하는 과제입니다.
• detail.html에서 각 할 일에 대한 모든 댓글을 볼 수 있어야 합니다.
• 댓글 생성과 삭제 기능을 넣어주세요.
• base.html을 만들어 모든 페이지에 nav-bar을 넣어주세요! 해당 nav-bar을 통해 디테일 페이지를 제외한 모든 페이지에 접근할 수 있도록 앵커태그로 링크도 연결해주세요.
• 예쁘게 꾸며주세요.

---

제출 기한 : 5월 13일 오후 7시 전까지

업로드 예시

1. 이소영
2. 과제 스크린샷 혹은 GIF
3. 레포지토리 주소

과제 1. 실습 4, 토스 클론 코딩 완성하기

• 완성된 이미지 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

과제 2. 인스타그램 모바일 클론 코딩 완성하기

• 완성된 이미지 캡쳐해서 올리기
• 연결된 레포지토리 주소 올리기

업로드 예시 )

• 최주원
• 과제 1 이미지
• 과제 1 레포주소
• 과제 2 이미지
• 과제 2 레포주소

• 마감 : 3/29일 월요일 오후 7시

과제

• Todo 추가, 삭제 시 localStorage에도 적용이 되게 실습2 완성하기
• https://www.w3schools.com/howto/howto_js_todolist.asp
  위 사이트에 접속해서, 아래에 있는 기능 중 1가지 이상을 To Do List에 추가하기
  Modal Boxes
  Progress Bars
  Tooltips
  Popups
  Collapsible
  Loaders
  Callout
  Toggle Hide/Show
  Toggle Dark Mode

제출기한

2021-07-08 세션 전까지

업로드 예시

김동현
과제 GIF (스샷ㄴㄴ)
추가한 기능 소개 (ex-다크모드 추가)
레포 주소

과제 1: 본인 블로그 프로젝트에 토글 메뉴 구현
과제 2: 본인 블로그 새글 작성/수정 페이지에서 글자수 세기 구현

예시.

1. 홍길동
2. 구현 사진
3. 구현 기능 설명
4. 레포 주소

과제: 글자 수 세기 프로젝트에 단어 개수 세는 기능 추가하기

---

• 세션 중에 작성했던 글자 수 세기 프로젝트에 단어 개수 세는 기능 추가
• count.html, result.html을 html/css 사용하여 꾸미기
• (MTV 패턴 생각하면서 해보기)

---

업로드 예시)

1. 정성원
2. 과제 캡쳐 이미지
3. 레포지토리 주소

---

마감: 4/8일 목요일 오후 7시