{"id":21493307,"url":"https://github.com/clzzi/clzzi-sleact_zerocho","last_synced_at":"2026-05-07T01:04:25.157Z","repository":{"id":129723071,"uuid":"394602310","full_name":"Clzzi/Clzzi-Sleact_ZeroCho","owner":"Clzzi","description":"📢 Sleact [Slack Clone Coding with ZeroCho]","archived":false,"fork":false,"pushed_at":"2021-08-13T03:21:11.000Z","size":1172,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T11:50:41.955Z","etag":null,"topics":["emotion","react","slack","swr","ts"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Clzzi.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":"2021-08-10T09:51:17.000Z","updated_at":"2023-09-14T00:59:02.000Z","dependencies_parsed_at":"2023-04-27T20:47:49.475Z","dependency_job_id":null,"html_url":"https://github.com/Clzzi/Clzzi-Sleact_ZeroCho","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Clzzi/Clzzi-Sleact_ZeroCho","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Clzzi%2FClzzi-Sleact_ZeroCho","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Clzzi%2FClzzi-Sleact_ZeroCho/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Clzzi%2FClzzi-Sleact_ZeroCho/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Clzzi%2FClzzi-Sleact_ZeroCho/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Clzzi","download_url":"https://codeload.github.com/Clzzi/Clzzi-Sleact_ZeroCho/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Clzzi%2FClzzi-Sleact_ZeroCho/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":276591809,"owners_count":25669593,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-23T02:00:09.130Z","response_time":73,"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":["emotion","react","slack","swr","ts"],"created_at":"2024-11-23T15:41:44.573Z","updated_at":"2025-09-23T14:42:06.809Z","avatar_url":"https://github.com/Clzzi.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 📢 Sleact [Slack Clone Coding With ZeroCho]\n인프런 강의인 [\u003cSleact 클론 코딩\u003e](https://www.inflearn.com/course/%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%EC%8B%A4%EC%8B%9C%EA%B0%84%EC%B1%84%ED%8C%85/dashboard)을 보고 배운점 및 소스코드를 올렸습니다.\n\n### [느낀점 및 배운점 바로가기](https://github.com/Clzzi/Clzzi-Sleact_ZeroCho/blob/main/Realization.md)\n\n\u003cdetails open\u003e\n  \u003csummary\u003e\u003cstrong\u003e프로젝트 결과물\u003c/strong\u003e\u003c/summary\u003e\n  \n  - **로그인 / 회원가입**\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129292893-ed9c9e13-a485-4fd4-afb2-bb170c4b3bb5.png\" alt=\"login\" /\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129292924-12e3bcdc-0167-46fb-8d89-10ecc53bd753.png\" alt=\"register\" /\u003e\n  \u003c/p\u003e\n  \n  - **메인화면**\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293598-86bc5eee-af38-47b6-a82a-5bfc6e6c0878.png\" alt=\"Main\" /\u003e\n  \u003c/p\u003e\n  \n  - **Channel**: 그룹채팅\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293713-b5e6792b-e757-4e3e-8b4e-294714d7df6e.png\" alt=\"Channel\" /\u003e\n  \u003c/p\u003e\n  \n  - **Direct Message**: 개인채팅\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293767-0abf707f-38c7-4480-9acb-1ceeef6fd62c.png\" alt=\"DM\" /\u003e\n  \u003c/p\u003e  \n  \n  - **각종 메뉴**: Profile, Workspace\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293889-5f301868-1ee8-4047-a72f-89512ace81f3.png\" alt=\"workspace\" /\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293907-423cff38-51bc-4662-a33f-33f33e1101f5.png\" alt=\"profile\" /\u003e\n  \u003c/p\u003e\n  \n  - **각종 모달**: Workspace, Invite\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293987-9c281fd6-f010-4e6c-9f69-ff4daead6fda.png\" alt=\"workspace\" /\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129293996-33be14ff-7885-4307-a324-5b9767e76766.png\" alt=\"profile\" /\u003e\n  \u003c/p\u003e\n  \n  - **그 외**: Image, onLine, unRead\n  \u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129294250-fa6ba1b7-1593-4ee5-9459-19d7708b99b9.png\" alt=\"onLine\" /\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129294286-eb93ec20-a287-4dd0-9e14-bf00f9736e78.png\" alt=\"unRead\" /\u003e\n    \u003cimg src=\"https://user-images.githubusercontent.com/62810965/129294357-3c6cf07f-af72-448d-ae3b-fb4daaecc537.png\" alt=\"image\" /\u003e\n  \u003c/p\u003e\n  \n\u003c/details\u003e\n\n### 사용기술\n- **```React```** : Framework\n- **```TypeScript```**: Language\n- **```SWR```**: State Management\n- **```Emotion```**: Styling Lib\n\n\u003cdetails\u003e\n  \u003csummary\u003epackage.json\u003c/summary\u003e\n  \n  ```\n    \"dependencies\": {\n        \"@emotion/babel-plugin\": \"^11.3.0\",\n        \"@emotion/react\": \"^11.4.1\",\n        \"@emotion/styled\": \"^11.3.0\",\n        \"@loadable/component\": \"^5.15.0\",\n        \"@pmmmwh/react-refresh-webpack-plugin\": \"^0.4.3\",\n        \"@types/autosize\": \"^4.0.0\",\n        \"@types/gravatar\": \"^1.8.3\",\n        \"@types/react\": \"^17.0.16\",\n        \"@types/react-dom\": \"^17.0.9\",\n        \"autosize\": \"^5.0.1\",\n        \"axios\": \"^0.21.1\",\n        \"cross-env\": \"^7.0.3\",\n        \"css-loader\": \"^6.2.0\",\n        \"gravatar\": \"^1.8.1\",\n        \"react\": \"^17.0.2\",\n        \"react-dom\": \"^17.0.2\",\n        \"react-router\": \"^5.2.0\",\n        \"react-router-dom\": \"^5.2.0\",\n        \"react-toastify\": \"^7.0.4\",\n        \"socket.io-client\": \"^2.4.0\",\n        \"style-loader\": \"^3.2.1\",\n        \"swr\": \"^0.5.6\",\n        \"ts-node\": \"^10.2.0\",\n        \"typescript\": \"^4.3.5\"\n      },\n      \"devDependencies\": {\n        \"@babel/core\": \"^7.15.0\",\n        \"@babel/preset-env\": \"^7.15.0\",\n        \"@babel/preset-react\": \"^7.14.5\",\n        \"@babel/preset-typescript\": \"^7.15.0\",\n        \"@jjordy/swr-devtools\": \"^1.0.6\",\n        \"@types/loadable__component\": \"^5.13.4\",\n        \"@types/node\": \"^16.4.13\",\n        \"@types/react-custom-scrollbars\": \"^4.0.8\",\n        \"@types/react-mentions\": \"^4.1.3\",\n        \"@types/react-router\": \"^5.1.16\",\n        \"@types/react-router-dom\": \"^5.1.8\",\n        \"@types/socket.io-client\": \"^1.4.35\",\n        \"@types/webpack\": \"^5.28.0\",\n        \"@types/webpack-bundle-analyzer\": \"^4.4.1\",\n        \"@types/webpack-dev-server\": \"^3.11.5\",\n        \"babel-loader\": \"^8.2.2\",\n        \"dayjs\": \"^1.10.6\",\n        \"eslint\": \"^7.32.0\",\n        \"eslint-config-prettier\": \"^8.3.0\",\n        \"eslint-config-react-app\": \"^6.0.0\",\n        \"eslint-plugin-flowtype\": \"^5.9.0\",\n        \"eslint-plugin-import\": \"^2.24.0\",\n        \"eslint-plugin-jsx-a11y\": \"^6.4.1\",\n        \"eslint-plugin-prettier\": \"^3.4.0\",\n        \"eslint-plugin-react\": \"^7.24.0\",\n        \"fork-ts-checker-webpack-plugin\": \"^6.3.2\",\n        \"prettier\": \"^2.3.2\",\n        \"react-custom-scrollbars\": \"^4.2.1\",\n        \"react-mentions\": \"^4.3.0\",\n        \"react-refresh\": \"^0.10.0\",\n        \"regexify-string\": \"^1.0.16\",\n        \"webpack\": \"^5.49.0\",\n        \"webpack-bundle-analyzer\": \"^4.4.2\",\n        \"webpack-cli\": \"^4.7.2\",\n        \"webpack-dev-server\": \"^3.11.2\"\n      }\n  ```\n\u003c/details\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclzzi%2Fclzzi-sleact_zerocho","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclzzi%2Fclzzi-sleact_zerocho","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclzzi%2Fclzzi-sleact_zerocho/lists"}