IT·프로그래밍
서비스 메인 이미지
포트폴리오(1)
포트폴리오-프론트엔드 백엔드 웹페이지 홈페이지 개발
프론트엔드 백엔드 웹페이지 홈페이지 개발
#웹개발 #웹퍼블리싱 #풀스택 #백엔드 #홈페이지
서비스 설명



서비스 제공 과정

기획안 및 디자인 확인

- 프로젝트의 기획안 및 디자인을 검토합니다.

금액 산정 및 기간 안내

- 프로젝트의 범위와 복잡도를 바탕으로 금액을 산정하고 예상 기간을 안내합니다.

기간 확인 후 결제

- 프로젝트 기간과 금액에 대한 동의 후 결제를 진행합니다.

제작물 검토

- 제작된 웹페이지를 검토합니다.

수정사항 적용

- 필요한 수정사항을 적용합니다.



개발 서비스 설명

일반 웹 페이지 PC를 통해 접속할 때 보이는 웹 페이지입니다.

모바일 웹 모바일 기기로 접속 시 보이는 웹 페이지입니다.

반응형 웹 디자인 화면 크기에 따라 자동으로 레이아웃이 조정됩니다.


---------------------------------------------------------------------------------------------


1. 기본 페이지 퍼블리싱


- HTML CSS JAVASCRIPT

- React.js, Next.js


위 기술스택을 사용해 웹 개발을 진행합니다

(1920x1080 기준) 내부 기능 및 요구사항에 따라 금액에 변동이 있을 수 있습니다.


---------------------------------------------------------------------------------------------



2. 퍼블리싱 + 애니메이션 + 라이브러리


- HTML CSS JS

- React.js, Next.js


BASIC + 애니메이션, 라이브러리 등을 사용해 개발합니다.


---------------------------------------------------------------------------------------------


3. 프론트엔드 + 반응형 웹 + 모바일 웹


- HTML CSS JS

- React.js, Next.js



위 기술스택을 사용해 프론트엔드 개발을 진행합니다.

반응형 및 모바일 웹까지 지원합니다.




---------------------------------------------------------------------------------------------





부가 서비스 (서버)


서버 배포 - AWS EC2 HTTPS

- 기술 스택

HTML/CSS/JAVASCRIPT/REACT

NODE.JS , EXPRESS.JS


클라우드 서비스 - AWS EC2 RDS

- 기술스택

NODE.JS EXPRESS.JS (RDS EC2 연결)




서비스 제공 절차


1. 서비스 요청 및 초기 접근

클라이언트로부터의 서비스 요청을 받고 기획안 및 디자인을 확인합니다. 이를 바탕으로 프로젝트의 범위를 파악하고 초기 금액을 산정하여 제안합니다. 이 단계는 본격적인 외주 진행을 위한 기초 작업이며, 프로젝트의 전반적인 방향성과 예산을 설정하는 과정입니다.


2. 요구사항 회의 및 정밀 금액 산정

클라이언트와의 상세 요구사항 회의를 통해 프로젝트의 구체적인 기능, 디자인 및 기타 요구사항을 명확히 합니다. 이 과정에서 프로젝트의 범위가 조정될 수 있으며, 이에 따라 최종 금액과 예상 개발 기간이 재산정됩니다. 목표는 클라이언트의 요구를 정확하게 파악하고 이를 충족시킬 수 있는 최적의 계획을 수립하는 것입니다.


3. 개발 진행 및 중간 회의

요구사항에 맞춰 개발을 진행하며, 중간중간 클라이언트와의 회의를 통해 개발 상황을 공유하고 피드백을 받습니다. 이는 프로젝트가 올바른 방향으로 진행되고 있는지 확인하고, 필요한 조정을 신속하게 적용하기 위함입니다. 클라이언트의 지속적인 참여를 통해 예상치 못한 오해를 방지하고, 최종 제품에 대한 만족도를 높이는 것이 목표입니다.


4. 최종 결과물 수정 및 발송

클라이언트의 최종 검토 후 필요한 수정사항을 적용합니다. 수정 과정에서 추가 요구사항이 제시될 경우, 이에 따른 추가 비용이 산정되며, 이는 사전에 클라이언트와의 명확한 합의를 통해 진행됩니다. 최종적으로 승인된 결과물을 클라이언트에게 발송하며, 프로젝트는 이 단계에서 마무리됩니다.


의뢰인 준비사항

상세 기획안 작성 가이드


1. 프로젝트 개요

목표: 프로젝트를 통해 달성하고자 하는 목표를 명확히 합니다. 예를 들어, "배달의 민족과 유사한 기능을 갖춘 어플리케이션 개발" 또는 "특정 아이디어를 반영한 홈페이지 제작" 등입니다.


핵심 기능: 프로젝트의 핵심이 되는 기능을 상세하게 기술합니다. 어떤 서비스를 제공할 것인지, 주요 사용자 인터페이스는 어떠한지 등을 포함합니다.


대상 사용자: 서비스를 사용할 예상 사용자 그룹입니다. 사용자의 특성을 이해하는 것은 기획과 디자인 단계에서 매우 중요합니다.


2. 기능적 요구사항

구체적인 기능 목록을 작성합니다. 예를 들어, 사용자 로그인 기능, 지도 API를 통한 위치 기반 서비스, 결제 시스템 통합 등의 기능이 필요할 수 있습니다.


3. 비기능적 요구사항

성능, 보안, 확장성 등과 같은 시스템의 비기능적 측면에 대한 요구사항을 기술합니다.


4. 디자인 요구사항

시각적 디자인이나 사용자 경험(UX)에 대한 기본적인 방향성이나 선호도를 포함합니다. 가능하다면, 참고할 수 있는 기존 사이트나 어플리케이션의 예시를 제공합니다.


개발 마감 기한

마감 기한 설정: 프로젝트의 필요성과 우선순위에 따라 명확한 마감 기한을 설정합니다. 예를 들어, "5페이지 이하의 웹사이트는 3일 이내 완료"와 같이 구체적으로 명시합니다.



+ 전문가의 다른 서비스 이용


기획+디자인+개발 통합 서비스: 프로젝트의 기획부터 디자인, 개발까지 전 과정을 한 번에 해결하고 싶은 경우, 전문가의 통합 서비스를 이용할 수 있습니다. 이 옵션은 프로젝트의 일관성을 유지하고, 관리의 편의성을 높이며, 효율적인 시간 관리가 가능하게 합니다.


개발 언어
CSS
HTML
JavaScript
Node.js
TypeScript
상주 여부
상주 불가능
기술 수준
중급:설계 / 코딩
팀 규모
2인 이상 5인 미만
상세이미지-0상세이미지-1상세이미지-2상세이미지-3상세이미지-4상세이미지-5상세이미지-6
가격 정보
STANDARD10,000
DELUXE30,000
PREMIUM80,000
패키지 설명
기본 퍼블리싱
기본 홈페이지 텍스트/이미지/동영상 등 추가 네비바 레이아웃 등 HTML CSS 1920x1080
퍼블리싱 + 기능 및 고급 효과
기본 홈페이지 + 서브페이지 퍼블리싱 + 애니메이션 + 라이브러리 (슬릭슬라이더, 부트스트랩 등)
프론트엔드 + 반응형 + 모바일 웹
퍼블리싱 + 데이터 연동 + DELUXE
수정 횟수
1회
1회
3회
작업일
1일
1일
1일
수정 및 재진행
취소 및 환불 규정
상품정보고시
리뷰
5.0
| 2건