{"id":27409242,"url":"https://github.com/toa-web-dev/photoswipe","last_synced_at":"2026-07-01T12:31:47.555Z","repository":{"id":212240689,"uuid":"729719307","full_name":"toa-web-dev/Photoswipe","owner":"toa-web-dev","description":null,"archived":false,"fork":false,"pushed_at":"2024-11-22T08:08:12.000Z","size":68,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-31T03:43:18.374Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://photoswipe.vercel.app","language":"JavaScript","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/toa-web-dev.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,"zenodo":null}},"created_at":"2023-12-10T05:58:05.000Z","updated_at":"2024-11-22T08:08:16.000Z","dependencies_parsed_at":"2024-03-01T08:29:50.049Z","dependency_job_id":"698aef42-46d0-485c-ba83-98ea6e692bc3","html_url":"https://github.com/toa-web-dev/Photoswipe","commit_stats":null,"previous_names":["toa-web-dev/photoswipe"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/toa-web-dev/Photoswipe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toa-web-dev%2FPhotoswipe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toa-web-dev%2FPhotoswipe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toa-web-dev%2FPhotoswipe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toa-web-dev%2FPhotoswipe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toa-web-dev","download_url":"https://codeload.github.com/toa-web-dev/Photoswipe/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toa-web-dev%2FPhotoswipe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35007275,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-01T02:00:05.325Z","response_time":130,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":"2025-04-14T07:24:25.884Z","updated_at":"2026-07-01T12:31:47.538Z","avatar_url":"https://github.com/toa-web-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n### 📄 목차\n\n## 프로젝트 URL\n**https://photoswipe-agl3a4eeo-toas-projects.vercel.app**\n\n## 추가한 기능\n- 정적인 JSON 데이터대신 [Lorem Picsum](https://picsum.photos/)의 이미지를 사용하여 다양한 사진을 볼 수 있습니다.\n\n## 코드 리뷰\n![image](https://github.com/toa-web-dev/Photoswipe/assets/85207564/70aa3ab6-a6a7-47bf-bd76-8b75a08206ef)\n\n유지보수를 위해 \n  - API url을 환경 변수\n  - 렌더링할 카드의 수를 정하는 상수\n  - 카드를 넘길때 실행되는 스로틀 함수에 사용 되는 상수\n    \n를 전역으로 선언하여 관리 했습니다. \n\n## ✔️ 배운 점\n- 카드를 스와이프 할 때 발생하는 이벤트 처리에 [pointer이벤트](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events)를 사용하여 pc와 모바일 웹에서 mouse와 touch 입력이 모두 가능함을 알았습니다.\n\n\u003cbr/\u003e\n\n`[알림❗]` 이 저장소의 내용은 학습을 위해 [자바스크립트로 소개팅앱 스타일 카드 스와이프 마스터하기](https://www.youtube.com/watch?v=O0rgN2H9pEY)을 참고하고 기능을 추가한 프로젝트입니다.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoa-web-dev%2Fphotoswipe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoa-web-dev%2Fphotoswipe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoa-web-dev%2Fphotoswipe/lists"}