{"id":27413531,"url":"https://github.com/sweesweett/section3react","last_synced_at":"2026-04-11T03:34:48.369Z","repository":{"id":47303746,"uuid":"515559988","full_name":"sweesweett/section3React","owner":"sweesweett","description":"검색API를 이용, 카테고리에 따라 검색 태그 추천, 좋아요 리스트 저장/삭제","archived":false,"fork":false,"pushed_at":"2022-08-24T11:48:15.000Z","size":1491,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2026-01-03T19:08:43.210Z","etag":null,"topics":["axios","express","react","react-router","styled-components"],"latest_commit_sha":null,"homepage":"","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/sweesweett.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}},"created_at":"2022-07-19T11:41:05.000Z","updated_at":"2023-03-07T03:54:30.000Z","dependencies_parsed_at":"2022-08-12T13:20:53.663Z","dependency_job_id":null,"html_url":"https://github.com/sweesweett/section3React","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/sweesweett/section3React","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweesweett%2Fsection3React","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweesweett%2Fsection3React/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweesweett%2Fsection3React/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweesweett%2Fsection3React/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sweesweett","download_url":"https://codeload.github.com/sweesweett/section3React/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweesweett%2Fsection3React/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31668049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["axios","express","react","react-router","styled-components"],"created_at":"2025-04-14T07:58:20.753Z","updated_at":"2026-04-11T03:34:48.336Z","avatar_url":"https://github.com/sweesweett.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# search for what\n\n### 코드스테이츠 솔로프로젝트\n\n### 개발 기간 22.07~\n\n### 사용한 라이브러리/ 프레임워크\n\n#### 프론트엔드\n\n![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge\u0026logo=react\u0026logoColor=%2361DAFB)**(create-react-app)**  \n![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge\u0026logo=react-router\u0026logoColor=white)  \n![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge\u0026logo=styled-components\u0026logoColor=white)  \n**axios**  \n**react-uuid**\n\n#### 백엔드\n\n![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge\u0026logo=express\u0026logoColor=%2361DAFB)  \n**axios**  \n**cors**  \n**dotenv**\n\n### 특징\n\n- 검색어 카테고리에 따라 랜덤한 태그를 5개씩 추천(제품은 랜덤태그X)\n- 해당 태그를 클릭했을 떄, 검색창에 적용할 수 있음\n- Express.js를 이용하여 네이버 검색 API를 사용하여 해당 검색 결과를 하단에 나타냄\n- 좋아요 리스트를 따로 볼 수 있음\n- 하트 버튼을 눌렀을 때 서버와 통신(좋아요 리스트에 추가 서버는 server 브랜치)\n- 좋아요 리스트 페이지에서 하트를 눌렀을 때 리스트에서 삭제\n\n### 개발 사항 흐름\n\n1.0 홈 화면의 기본 레이아웃 구현  \n1.1 검색어 태그 기능 구현  \n1.2 프록시서버 구현  \n1.3 검색 결과 레이아웃 변경(사진o-\u003e사진x)  \n1.4 좋아요 리스트 구현을 위해서 하트 버튼을 클릭할 때 해당 내용을 로컬 스토리지에 저장  \n2.0 리액트 라우터를 사용하여 좋아요 리스트/ 홈 페이지 구현  \n2.1 리스트 좋아요 리스트 추가 / 삭제 변경 (로컬 스토리지-\u003e 서버와 통신)  \n2.2 섹션 4 CRUD 미션을 위해 todo list 구현  \n2.3 crud 서버쪽 구현\n\n### 배포된 웹페이지 화면\n\n추후에 추가\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsweesweett%2Fsection3react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsweesweett%2Fsection3react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsweesweett%2Fsection3react/lists"}