{"id":48804733,"url":"https://github.com/scseong/til-motivation-project","last_synced_at":"2026-04-14T04:32:10.063Z","repository":{"id":214270321,"uuid":"735910680","full_name":"scseong/til-motivation-project","owner":"scseong","description":"TIL 인증 사이트 (내배캠 심화 프로젝트)","archived":false,"fork":false,"pushed_at":"2024-01-03T05:16:13.000Z","size":1128,"stargazers_count":1,"open_issues_count":3,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-06-17T17:48:28.315Z","etag":null,"topics":["firebase","nextjs","postcss","react","react-query","zustand"],"latest_commit_sha":null,"homepage":"https://til-motivation-project.vercel.app","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/scseong.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}},"created_at":"2023-12-26T12:37:29.000Z","updated_at":"2024-04-04T16:16:52.000Z","dependencies_parsed_at":"2024-01-03T04:37:59.749Z","dependency_job_id":null,"html_url":"https://github.com/scseong/til-motivation-project","commit_stats":null,"previous_names":["scseong/til-motivation-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/scseong/til-motivation-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scseong%2Ftil-motivation-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scseong%2Ftil-motivation-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scseong%2Ftil-motivation-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scseong%2Ftil-motivation-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scseong","download_url":"https://codeload.github.com/scseong/til-motivation-project/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scseong%2Ftil-motivation-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31782736,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T02:24:21.117Z","status":"ssl_error","status_checked_at":"2026-04-14T02:24:20.627Z","response_time":153,"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":["firebase","nextjs","postcss","react","react-query","zustand"],"created_at":"2026-04-14T04:32:05.823Z","updated_at":"2026-04-14T04:32:10.050Z","avatar_url":"https://github.com/scseong.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## 내배캠 React 3기 A-7조 심화 프로젝트\n\n### 📢 프로젝트 개요\n\n**23. 12. 26 - 24. 01. 03**\n\n- 프로젝트 명 : 여러분 TIL 제출하러 갑시다~ 🚗💨\n- 주제: TIL 제출로 힘들어 하시는 매니저님을 위해 만든 TIL 인증 사이트\n- 소개: 오늘 우리가 배운 것들을 나누고 함께 성장해요. 개발자 여러분의 코딩 여정을 기록하세요.\n\n### 👥 팀 소개\n\n- 팀명: 킹갓제너럴창성조 스윗챌린저 당도100% 이빨 다 썩음 당뇨걸릴뻔 인슐린 맞을 준비 하시조\n- 팀원: 전민석, 손창성, 정유진, 천영륜\n\n### 💡 구현 기능\n\n#### 필수요구사항\n\n- 회원가입, 로그인\n\n  - UI/UX\n  - supabase Auth를 사용한 이메일 회원가입, SNS 로그인\n\n    - 이메일 가입 시 자신의 블로그 주소 (필수)\n    - SNS 로그인 시 프로필 페이지로 리다이렉트 (개인 블로그 주소 입력)\n\n  - react-hook-form 사용하여 유효성 검사\n\n- 프로필\n  - 프로필 (이름, 소개, 팔로워, 팔로잉, 개인 블로그 주소)\n  - TIL 일지 (like. github 잔디)\n  - 프로필 수정 (이름, 소개, 프로필 이미지, 개인 블로그 주소)\n    - 본인 인증\n  - 작성한 게시글 목록\n  - 좋아요 누른 게시글 목록\n- 메인 페이지\n\n  - 헤더\n    - 홈\n    - 검색 - 키워드, 카테고리\n    - 유저 컴포넌트 or 로그인\n      - 로그아웃\n      - 마이 프로필 이동\n  - 게시글 작성 UI\n    - 로그인 필요\n    - 프로필 이미지, 문구\n    - 클릭하면 게시글 작성 url로 이동\n    - 스크롤 시 고정\n  - TIL 목록 표시 기준\n    - 시간 순으로 TIL 표시\n  - TIL 게시글\n    - 작성자 정보\n      - 프로필 이미지, 닉네임, 게시일, 소속(?)\n      - 팔로우 버튼\n      - 클릭 시 프로필 페이지로 이동\n    - TIL 게시글\n      - 제목, 내용, 게시글 요약 정보 (Open Graph 활용)\n      - 댓글, 좋아요 개수 표시\n      - 하단 아이콘 박스 - 좋아요, 댓글\n        - 댓글 버튼 클릭 시 상세 페이지 이동\n      - 게시글 클릭 시 상세 페이지 이동\n  - 사이드바 (위치 고정)\n\n    - 연속 TIL 일수\n\n- 상세 페이지\n\n  - 작성자 정보\n    - 프로필 이미지, 닉네임, 게시일, 소속\n    - 클릭 시 프로필 페이지로 이동\n  - 제목, 내용, 작성 시간\n  - 첨부한 TIL 블로그\n    - 클릭 시 새 창으로 이동\n  - 댓글\n    - 댓글 개수 표시\n    - 댓글 작성\n      - 프로필 이미지, 내용\n      - 로그인 필요\n      - 유효성 검사 후 버튼 활성화\n    - 작성자 정보 (프로필 이미지, 이름, 소속, 작성시간)\n      - 클릭 시 프로필 페이지 이동\n    - 댓글 내용\n    - 자신의 댓글 수정, 삭제\n\n- 게시글 작성 페이지\n  - 제목 (최대 40자 제한 - 현재 글자 수 보여주기), 내용, url 입력 form\n  - 게시글 에디터\n  - 첨부한 TIL URL 미리보기 (오픈 그래프)\n  - 주소 유효성 검사\n    - 사용 가능한 블로그 제한 (velog, tistory, github, medium)\n  - 뒤로 가기\n    - 작성한 내용이 있다면 페이지 이동 시 확인\n\n#### 선택요구사항\n\n- 메인 페이지\n\n  - TIL 목록 필터링/정렬 - 추천, 팔로우, 좋아요\n\n- 팔로우/팔로워\n- 게시글 공유 (url 복사 or SNS 공유)\n- 사이드바\n\n  - 좋아요 순 인기 Top 10\n  - 일수, 좋아요 전환 Tab\n\n- 댓글\n  - 작성자의 댓글이면 \"작성자\" 태그\n  - 대댓글\n\n### 📝 역할 분담\n\n| 전민석                 | 손창성           | 정유진      | 천영륜      |\n| ---------------------- | ---------------- | ----------- | ----------- |\n| 글 작성 페이지, 프로필 | 회원가입, 로그인 | 상세 페이지 | 메인 페이지 |\n\n### 🚩 개발 내용\n\n#### 💻 개발 환경\n\n- IDE: Visual Studio Code\n- OS: Windows\n- Package Manager: Yarn Classic\n- React boilerplate: Create React App\n\n#### 📌 사용 기술과 사용한 이유\n\n- React - 사용자와 상호작용 할 수 있는 UI를 효율적으로 구현\n- Zustand - 전역 상태 관리 도구\n\n  - 팀원들 모두 알고 있던 Redux와 유사한 기술. Redux는 불필요한 코드 작성이 많고 새로운 전역 상태 관리 도구를 적용하기 위해 선택\n  - Recoil은 2월 이후 업데이트 X\n\n- TypeScript - 코드 작성 단계에서 오류를 사전에 방지하고 코드 피드백 및 자동 완성 기능을 활용하여 개발 생산성 향상\n- NextJS - 서버 사이드 렌더링과 정적 사이트 생성을 지원하는 리액트 프레임워크. 검색 엔진 최적화와 초기 로딩 성능 향상.\n- React Hook Form - Form 관리를 위한 간단하고 성능 최적화된 라이브러리. React 기반의 유연한 폼 처리\n- postcss - 스타일링. CSS Module을 사용할 수 있게 해주는 플러그인.\n\n  - styled components - 서버 컴포넌트 지원 X\n  - tailwind - 짧은 프로젝트 내에 적용하기에 러닝 커브 높음\n\n- Supabase - 사용자 인증과 데이터베이스 등의 서버 기능 제공\n\n  - firebase에 비해 규모가 작지만 성장하고 있는 서비스. 오픈 소스.\n\n- React Query - 비동기 작업과 상태를 관리\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscseong%2Ftil-motivation-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscseong%2Ftil-motivation-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscseong%2Ftil-motivation-project/lists"}