👋Conect

What is Conect

어렵기만 하던 팀 빌딩을 이제는 코넥트에서 간편하게👐😆

좋은 아이디어만 있으면 뭐해 좋은 사람들이 있어야 하는데 !!

마음 맞는 팀원들 구하기가 어려운 요즘.. 코넥트를 이용해보시는건 어떤가요???

코넥트는 사람과 사람의 연결을 의미합니다.

로고 속 맞잡은 손을 통해 코넥트에서의 만남을 나타내었습니다.

👨‍👩‍👧‍👦 팀원 소개

FRONT_김윤호	FRONT_왕호은	BACK_오현석	BACK_윤효정	DESIGNER_정영혜

🛠 기술 스택

Front	Back	Infra

배포 페이지	데모 페이지	노션 페이지
배포 페이지	데모 페이지	👉 Notion Project 바로가기

🎥 영상

👀 프로젝트 주요 기능

화면	기능
	회원가입 및 로그인 기능 일반 회원가입 및 로그인
	소셜 로그인 기능 깃허브 및 구글 소셜 로그인
	필수정보입력페이지 첫 로그인 시 유저의 기본 정보를 입력하는 기능
	유저 목록 확인 가입된 유저의 프로필 목록을 확인하는 기능
	팀 공고글 목록 확인 등록된 팀 공고글 목록을 확인하는 기능

📚 위키

👀 주요기능소개	🤼 협업전략	📃 설계
프로젝트 주요기능 FE에서 사용한 프레임워크 및 라이브러리 FE 핵심 hooks 설명 BE에서 사용한 프레임워크 및 라이브러리	네이밍 컨벤션 깃허브 컨벤션 깃허브 레포관리 폴더 및 파일 구조 노션 활용(회의록 및 백로그 관리)	사용자 흐름 설계(스토리정리) - 노션 API 설계 - 노션 디자인 설계 - 피그마 UI 개발 현황 - chromatic with storybook

🤔 협업을 위한 노력	🤔 더 나은 서비스를 위한 노력	🤔 더 나은 개발을 위한 노력
Issue 단위 브랜치 전략 Upstream / Downstream & fork 이해 rebase와 merge 공부	로그인 유지 UX 개선	FE : MSW를 활용한 API Mocking FE : useRoutes로 라우팅 관리하기 FE : UI/UX 용어정리 FE : Storybook 활용(feat. Chormatic을 활용한 협업) FE : 상태관리 migration (redux-→ react context api) FE : CORS란?(우리가 겪은 문제들) FE : 도메인별 Api 파일 구분 및 공통 에러 핸들러 생성 FE : 사용자에게 API상태를 UI로 알려주자 BE : java stream API 를 이용해 코드 가독성 제고 BE : AOP를 활용해 특정 DTO에 정보 추가 BE : DB 직접 조회를 줄이기 위한 노력