
-
1
-
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
-
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
-
37


목차
1. 레이아웃 및 파일구성 3
1-1. 레이아웃 3
1-2. 파일구성 5
2. Header 6
2-1. 로그인 6
2-2. 회원가입 7
2-3. 고객센터 8
2-4. 강의 일정 10
3. Nav 11
4. Aside 12
5. Mobile Page 13
7. 마지막 정리 15
1-1. 레이아웃 3
1-2. 파일구성 5
2. Header 6
2-1. 로그인 6
2-2. 회원가입 7
2-3. 고객센터 8
2-4. 강의 일정 10
3. Nav 11
4. Aside 12
5. Mobile Page 13
7. 마지막 정리 15
본문내용
Wooglish
개발유형: 어학 사이트
개발언어: JSP, Oracle
개발기간: XXXX. 03. 01 ~ XXXX. 06. 10 (약 3개월)
개요:
교내 수업 중 ‘웹 프로그래밍 설계’ 과목을 수강하면서 진행한 프로젝트 입니다. 기본적인 HTML을 숙지하고 있는 상태에서 개발했으며, CSS 및 JavaScript는 새롭게 공부하면서 진행한 프로젝트입니다. ‘JSP 기초부터 활용까지’, ‘HTML5 웹 프로그래밍 입문’ 교재를 참고하면서 개발했습니다.
어학원 싸이트를 목적으로 구현했습니다. 로그인과 회원가입을 하는 기능은 Oracle 데이터베이스와 연동함으로써 구현했으며, PC 전용 웹 페이지와 Mobile 전용 웹 페이지를 각각 구현함으로써 접속되는 디바이스에 따라 PC 및 Mobile 전용 페이지에 자동으로 접속할 수 있습니다. 또한 자바스크립트를 활용하여 다이어리기능 및 다양한 메뉴의 시각적인 효과를 더했습니다. 최대한 HTML5의 웹 표준을 따르면서 개발하는 것을 목표로 두었습니다.
개발유형: 어학 사이트
개발언어: JSP, Oracle
개발기간: XXXX. 03. 01 ~ XXXX. 06. 10 (약 3개월)
개요:
교내 수업 중 ‘웹 프로그래밍 설계’ 과목을 수강하면서 진행한 프로젝트 입니다. 기본적인 HTML을 숙지하고 있는 상태에서 개발했으며, CSS 및 JavaScript는 새롭게 공부하면서 진행한 프로젝트입니다. ‘JSP 기초부터 활용까지’, ‘HTML5 웹 프로그래밍 입문’ 교재를 참고하면서 개발했습니다.
어학원 싸이트를 목적으로 구현했습니다. 로그인과 회원가입을 하는 기능은 Oracle 데이터베이스와 연동함으로써 구현했으며, PC 전용 웹 페이지와 Mobile 전용 웹 페이지를 각각 구현함으로써 접속되는 디바이스에 따라 PC 및 Mobile 전용 페이지에 자동으로 접속할 수 있습니다. 또한 자바스크립트를 활용하여 다이어리기능 및 다양한 메뉴의 시각적인 효과를 더했습니다. 최대한 HTML5의 웹 표준을 따르면서 개발하는 것을 목표로 두었습니다.
소개글