티스토리 뷰

반응형


  • 대학교 팀 프로젝트 결과물을 보존하기 위해 작성된 포스트 입니다.
  • 각 포스트에 대한 저작권은 우선적으로 최초 작성자에게 있습니다.
  • 본문 내용에 잘못된 정보가 있을 수도 있습니다.



구현 방향 

역곡역에 위치한 가톨릭대의 수많은 학생들이 식사고민을 빠르게 해결할 수 있도록 도움을 주고자 맛집을 소개하고 설명하는 사이트를 만들려고 한다.
다음 지도 앱에 우리가 알게 된 맛집을 표시해주고 가격, 추천메뉴, 별점등 으로 소개해주면 학생들에게 큰 도움이 될 것이다.


구조 (Structure) 

HTML5을 통한 정보 표현

HTML : 월드 와이드 웹 문서를 작성하는 Markup Language

 

표현 (Presentation)

CSS3를 통한 Design 및 Layout 표현

CSS : HTML의 기능확장으로, HTML을 꾸며주는 스타일시트

 

구현 (Implementation)

1. JavaScript를 통한 웹 구현

 

JavaScript : 웹문서를 좀 더 동적으로 작동할 수 있게 해주는 객체지향 스크립트 언어로 프로그램 코드가 Html 문서 사이에 직접 들어가게 되고, 자바스크립트로 만든 프로그램에서는 사용자가 마우스를 클릭하거나 키보드로 입력하는 것과 같은 작업을 즉시 처리

 

2. Bootstrap 라이브러리 을 통한 반응형 웹 UI 구현

Bootstrap : 디바이스의 사이즈에 맞추어서 웹 페이지 스스로 디자인을 교체하는 기능인 반응형 웹 UI

 

3. PHP를 통한 웹 구현

PHP : 거의 모든 데이터베이스를 지원하며, 범용성을 지닌 널리 사용되는 오픈 소스 스크립트 언어로 웹 개발 및 HTML에 포함하기 적합하며 방문자가 페이지에 방문할 때마다 실행

 

4. MySQL DB를 통한 웹 구현

MySQL Database : 데이터베이스 프로그램 중 하나로, PHP와 같이 스크립트 언어 구성이 상호연동이 잘되면서도 오픈 소스로 개발되는 무료 프로그램이여서 홈페이지와 같은  일반적인 웹 개발에 널리 이용

 

사용할 Open API

Daum 지도 Open API

오픈API를 사용하여 웹 상에서 API 사용자가 자유롭게 기능을 확장할 수 있도록 설계


Posted by 강영주


반응형
프로필사진

Yowu (Yu Yongwoo)

흔한 Node.js/Java 백엔드 개발자입니다
Ubuntu와 MacOS 데스크탑 개발 환경을 선호합니다
최근에는 vscode와 IntelliJ를 사용하고 있습니다
vscode에는 neovim, IntelliJ는 ideaVim
개발용 키보드는 역시 HHKB Pro 2 무각입니다
락 밴드에서 드럼을 쳤습니다

최근에 올라온 글
최근에 달린 댓글
«   2024/12   »
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
글 보관함
Total
Today
Yesterday