{"id":19372035,"url":"https://github.com/dev-junehee/toss","last_synced_at":"2026-03-19T09:30:46.830Z","repository":{"id":162879454,"uuid":"637368249","full_name":"dev-junehee/toss","owner":"dev-junehee","description":"'토스(toss)' 메인 홈페이지 클론 코딩","archived":false,"fork":false,"pushed_at":"2023-05-07T11:07:48.000Z","size":3460,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-24T14:49:16.955Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dev-junehee.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-05-07T10:49:35.000Z","updated_at":"2023-05-07T10:54:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"ad669069-eeb3-4e3a-ba5d-365117bf042d","html_url":"https://github.com/dev-junehee/toss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dev-junehee/toss","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-junehee%2Ftoss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-junehee%2Ftoss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-junehee%2Ftoss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-junehee%2Ftoss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dev-junehee","download_url":"https://codeload.github.com/dev-junehee/toss/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dev-junehee%2Ftoss/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29988054,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-01T22:42:38.399Z","status":"ssl_error","status_checked_at":"2026-03-01T22:41:51.863Z","response_time":124,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T08:21:11.383Z","updated_at":"2026-03-02T00:34:21.021Z","avatar_url":"https://github.com/dev-junehee.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 토스(toss) 메인 홈페이지 클론 코딩\n[토스 메인 홈페이지](https://toss.im/)를 클론 코딩하였습니다.\n\n\u003cbr /\u003e\n\n## 프로젝트 소개\n\u003e 패스트캠퍼스 프론트엔드 개발 부트캠프 5기\u003cbr /\u003e\n\u003e 개발 기간 : 2023. 03. 28 ~ 2023. 04. 05\u003cbr /\u003e\n\u003e 배포 주소 : [DEMO](https://toss-web-clone.netlify.app/)\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n## 사용한 기술 스택\n\u003cimg src=\"https://img.shields.io/badge/HTML-E34F26?style=flat\u0026logo=HTML5\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cimg src=\"https://img.shields.io/badge/CSS-1572B6?style=flat\u0026logo=CSS3\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cimg src=\"https://img.shields.io/badge/JavaScript-F7DF1E?style=flat\u0026logo=JavaScript\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cbr /\u003e\n\u003cimg src=\"https://img.shields.io/badge/MacOS-000000?style=flat\u0026logo=Apple\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cimg src=\"https://img.shields.io/badge/Visual Studio Code-007ACC?style=flat\u0026logo=Visual Studio Code\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cimg src=\"https://img.shields.io/badge/Git-F05032?style=flat\u0026logo=Git\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\u003cimg src=\"https://img.shields.io/badge/GitHub-181717?style=flat\u0026logo=GitHub\u0026logoColor=white\"/\u003e\u003c/a\u003e\n\n\u003cbr /\u003e\n\n## 작업 내용\n- 상단 헤더 내 메인 메뉴 hover 효과\n- 마우스 아래로 스크롤 시, 상단 헤더 border-bottom 생성\n- 메인 페이지 배경 이미지 상단 gradient 효과\n- 메인 페이지 하단 버튼 floating 효과 및 특정 위치 연결\n- 각 섹션별 스크롤 애니메이션 구현 (delay 사용하여 시간차 효과)\n- 대부분의 링크는 실제 페이지로 연결되도록 함\u003cbr /\u003e\n\n\u003cbr /\u003e\n\n## 아쉬운 점\n- 메인 페이지 하단 버튼 클릭 시, 이동하는 위치가 뷰포트(모니터?) 크기에 따라 변경되는 점\n- 메인 페이지 내 어플리케이션 버튼 정렬이 틀어진 점\n- 스크롤 위치에 따라 이미지 opacity 값을 조절하지 못한 점\n- BEM 방법론 사용하지 못한 점\n- 토스 전용 폰트를 사용하지 못한 점","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-junehee%2Ftoss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdev-junehee%2Ftoss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdev-junehee%2Ftoss/lists"}