노래하듯 이야기하고, 춤추듯 정복하라.

첫 홈페이지 개발하기 Start 본문

프로젝트/Yes Interior

첫 홈페이지 개발하기 Start

hyeoke 2017. 10. 19. 12:51

# 서두

안녕하세요 모닝버드 입니다. 이 글의 카테고리인 "Yes Interior"은 필자가 웹 공부를 해 온 이래로 처음으로 진행하는 홈페이지 개발 프로젝트 명입니다. 현재 필자의 아버지가 인테리어 업종에 종사하고 있어서, 이왕이면 타인에게 도움이 될 수 있는 것을 만들고자 하여 인테리어 홍보/견적 분야를 타겟팅 하였습니다.


- 서두에서의 잡담 

필자는 고등학교 때 IT 동아리 내에서 친구들끼리 끼적끼적 거리는 교내외 활동 외에 프로젝트 경험이나 실제 웹 서비스 개발경험이 1도 없는 상태이다. 아직까진 어디서 부터 어떻게 실무 경험을 쌓아갈 것이고, 웹 분야의 비즈니스 생태계 안에서 어떤식으로 필자의 방향키를 잡아갈 것인지에 대한 인사이트가 상당히 부족하다. 그렇다고 가만히 앉아서 멍때리긴 싫었다. 그래서 아무거나 만들어보자라는 생각으로 'Yes Interior'라는 소소한 프로젝트를 시작하게 되었다. 


# YesInterior 프로젝트 진행 시나리오

1. 홈페이지의 주요 기능 설정

2. 전체적인 UI/UX 콘셉트, 디자인 설계 _Front-End

3. Back-End 개발 _파이선 웹 프레임워크 Django

4. 도메인 설정 및 서버 호스팅 (홈페이지 론칭)


- txt.jpg : 핵심기능 요소를 간단히 정리해 보았습니다.



- 메인 메뉴

① 포트폴리오 ② 견적 의뢰하기 ③ 연락하기 ④ 비전 ⑤ 협력업체 

위의 다섯가지가 'Yes Interior' 홈페이지의 메인 메뉴이다. 


- BackEnd 에서 집중해서 개발하게 될 부분

1. 유저 기능 (로그인/로그아웃/회원가입) 

2. 관리자가 올린 인테리어 포트폴리오(사진+텍스트)를 사용자들이 볼 수 있도록 뿌려주는 [ ① 포트폴리오 ] 기능

3. 사용자들이 홈페이지 안에서 관리자에게 견적을 요청할 수 있는  [ ② 견적 의뢰하기 ] 기능

-> 위의 주요 기능 들은 파이썬 웹 프레임워크인 장고 및 관련모듈 을 이용하여 개발할 계획이다.


# YesInterior 프로젝트 진행 현황

1. 홈페이지의 주요 기능 설정 ( o )

2. 전체적인 UI/UX  콘셉트, 디자인 설계 _Front-End ( 약 60%? )

3. Back-End 개발 ( x )

4. 도메인 설정 및 서버 호스팅 ( x )


-> 현재까지 개발 된 Front-End


 

여기까지 사용한 언어: CSS3, HTML, jquery

Comments