https://github.com/leegeunhyeok/simple-home

🏠 Simple browser start page
https://github.com/leegeunhyeok/simple-home

Last synced: 24 days ago
JSON representation

🏠 Simple browser start page

• Host: GitHub
• URL: https://github.com/leegeunhyeok/simple-home
• Owner: leegeunhyeok
• Created: 2019-02-22T01:02:43.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T16:37:22.000Z (over 2 years ago)
• Last Synced: 2025-02-14T12:15:49.827Z (3 months ago)
• Language: Vue
• Homepage: simple-home.vercel.app
• Size: 6.75 MB
• Stars: 6
• Watchers: 3
• Forks: 3
• Open Issues: 23
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# simple-home

🏠 심플한 웹 브라우저 시작페이지 🏠

[바로가기](https://docs.geundung.dev/pages/home)

## 프로젝트 정보

누구나 쉽고 간단하게 바로가기 메뉴를 사용할 수 있도록 개발한 시작 페이지 입니다.  

새로운 네이버 앱의 `그린닷`을 모티브로 하여 고안해낸 디자인 & 기능입니다.  

  

`마우스 이동`만으로 메뉴를 선택하고 화면 어디든 `클릭`하여 지정한 링크로 이동할 수 있습니다.  

또한 아이콘 유형, 색상, 연결 링크 등 다양한 사용자 설정 기능을 제공하고 있습니다.  

  

상단의 바로가기 링크를 통해 체험해보고, 홈 화면으로 지정하세요!  

Developed by [Geunhyeok LEE](https://github.com/leegeunhyeok)

## 미리보기







## 주요 기능

PWA

- 오프라인 환경에서도 사용 가능

- 리소스 로딩 최적화

- 빠른 로드 속도

기본 설정

- 메뉴 선택 / 링크 이동

  - 메뉴 선택: 마우스 이동

  - 링크 이동: 클릭

- 웹 페이지 제목 설정

- 시계 상단 여백 설정

- 시간 형식 (12/24)

- 오전/오후 문구 `활성화/비활성화`

- 현재 날짜 표시 `활성화/비활성화`

- 마우스 감도 설정

- 검색창 표시 `활성화/비활성화`

- 검색창 상단 여백 설정

- 메뉴 미리보기 `활성화/비활성화`

- 새 탭으로 열기 `활성화/비활성화`

사용자 설정

- 반응형 핀 색상

  - 선택된 메뉴의 아이콘 색으로 핀 색상이 변경됩니다.

- 메뉴 기본 색상

  - 선택되지 않은 메뉴의 아이콘 색상

  - 선택되지 않은 메뉴의 배경 색상

- 활성화 메뉴 배경색

- 메뉴 사용자화

  - 메뉴 순서 변경

  - 메뉴 아이콘 변경

  - 메뉴 아이콘 색상 변경

  - 아이콘 변경

  - 이동할 링크 변경

초기화

  - 모든 설정을 기본값으로 되돌립니다.

  

## 기능 제안 및 오류 제보

[여기](https://github.com/leegeunhyeok/simple-home/issues)에 이슈를 남겨주세요!

## 개발 정보

[Vue.js](https://vuejs.org) (with [Vuex](https://vuex.vuejs.org)) 기반의 웹 페이지 입니다.

## 프로젝트 설정

의존 라이브러리 다운로드

```

npm i

```

### 개발을 위한 컴파일 & 핫 리로드

```

npm run serve

```

### 빌드

```

npm run build

```