개요


제작 중인 서비스의 공식 홈페이지를 만들어야 되는 필요성이 생겼다.

많은 기능을 넣으면 좋겠지만, 꼭 필요한 기능 위주로 기획해서 10시간 내에 배포하는 것이 목표이다.

 

기획


대략적인 기획안은 아래와 같다.

 

1. 메뉴는 홈 / 다운로드 / 후원 / 연락처

1-1.홈 화면은 유튜브 첫강의 embed와 함께, 원페이지 정리 내용, 블로그, 유튜브 바로가기 링크 추가로 마무리할 예정이다.

1-2.다운로드 화면은 버전별로 App과 Excel 파일 목록을 나열해서 다운로드 받을 수 있도록 한다.

1-3.후원하기 화면은 후원 요청글과 댓글, 후원하기버튼, 기부이력(날짜, 댓글, 금액) 목록 조회 화면을 만든다.

1-4.연락하기 화면은 개인 메일과 어플용 메일을 만듭니다.

 

어떤 프레임워크를 쓰는 것이 좋을까?

react, angular, spring boot?

 

구현해야할 핵심 기능은 아래와 같다.

- 유튜브 동영상 embed

- 후원 댓글 및 후원하기 기능
- 후원 목록 조회 기능

- 다국어 처리

 

제작 소요기간 : 10시간

2023/4/5 현재 

https://www.youtube.com/watch?v=AS0ru7e2B1c&ab_channel=StudyTMA

 

진행 상황 기록


1. Github Repository 등록
- 주소 : https://github.com/deokudev/speedetail-homepage

- Private 레포지토리로 지정

- local repository로 소스 Clone

- 2023/04/06 완료

- 7:30:00 시간 남음

 

2. 샘플 레포지토리 검색

- https://github.com/nadavpodjarski/postgres-nest-react-typescript-boilerplate

 

3. 개발환경 세팅

- IDE : Visual Studio Code

- 로컬 DB : Docker Desktop + Postgres

- JS 런타임 : Node.js

 

 

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기