[K-디지털 트레이닝 4일~] 2월 개인 프로젝트 예정 및 일정

2023.01.02 - [1. Revision 2023/HTML5] - [4] 230102 Ch3 HTML5 멀티미디어 & 입력양식

2월에 프로젝트 평가가 있을 예정이다. (23.02.21 예정) 

본인이 만들고자 하는 프로젝트의 주제를 선정하고, 
화면을 어떤 식으로 만들 것인지
회원가입 시 어떠한 정보를 저장할 것인지에 대해서 미리 생각해 둔다.

- 주제: 취미, 잘하는 것, 관심 등
- 화면 구현
- 어떠한 데이터 저장되는지 (주제에 따라 어떤 데이터가 저장되는지 달라진다.)

먼저 ppt로 만들고 (로그인 화면, 회원가입, 게시판, 상품 나열 등) 실제로 구현한다. 
벤치마킹 가능하다.

ex) 전기수 예시: 
1. 1인 가구의 증가에 따른 간편식 쇼핑몰
2. 유기동물 입양 웹사이트: 관리자 계정 로그인(회원제가 아님), 소개, 입양 후기, 후원 페이지, 공지사항, 메인 페이지 

---

2023.01.06 - [1. Revision 2023/CSS3] - [8] 230106 Ch6 CSS 레이아웃과 애니메이션(2), Ch7 HTML과 CSS로 웹사이트 만들기

5. 웹 사이트 작성 p.242

5.1 요구 사항 분석

가장 먼저 해야 할 일은 웹사이트의 목표를 결정하는 것이다. 무엇을 위한 사이트인지를 분명하게 해야 시행착오를 줄일 수 있다.

• 웹 사이트의 목표
• 예산
• 일정

5.2 설계(Plan)

다음 사항을 결정한다.

• 웹 사이트의 기능 나열
• 웹 사이트에서 필요한 웹 페이지 나열
• 웹 사이트의 메뉴 나열 
• 내비게이션 구조 결정: 사이트 안에서 페이지가 어떻게 연결되는지를 결정한다.

ex) HOME / ABOUT US / NEWS / MY ACCOUNT / CONTACTS
HOME 밑에 쇼핑 카트 보기, 회원 가입, 비밀번호 분실이 있다

아래 HTML 문서와 CSS 문서를 작성하게 된다.

1. index.html: Webshop의 홈 화면, 상품 카테고리, 로고, 로그인 등이 포함되어 있다.
   
   
2. register.html: 회원 가입 화면, 다양한 html5 입력 양식을 이용해 본다.
   
   
3. shopcart.html: 현재 쇼핑 카트에 들어 있는 상품을 보여준다.
   
   
4. computer.html: index.html 화면 안에 포함된다. 컴퓨터 상품을 보여주는 화면이다. 
   
   
5. clothing.html: index.html 화면 안에 포함된다. 의류 상품을 보여주는 화면이다.
   
   
6. music.html: index.html 화면 안에 포함된다. 음악 파일을 판매하는 화면이다.
   
   
7. movie.html: index.html 화면 안에 포함된다. 영화 파일을 판매하는 화면이다. 
   
   
8. mystyle.css: index.html에 대한 스타일을 가지고 있는 파일이다. 

---

2023.01.19 - [1. Revision 2023/Javascript] - [17] 230119 Ch10 DOM과 이벤트 처리, 입력 검증(2)

개인 프로젝트
1/25까지 개인포트 프로젝트 주제 및 메인 화면 설계 생각하기 (폼의 유효성 검사 적용시키기)

1. 주제
2. 메인 화면 설계
3. 메인 화면 구현

---

230130
일정: 2월 10일까지 카카오오븐을 통해 설계한 화면 html/css 완성시켜 주세요.
javascript는 그 후에 적용하셔도 됩니다.