| 정소이 | 서진만 | 신명화 | 전선용 |
|---|---|---|---|
 |
 |
 |
 |
프론트엔드가 되고 싶은 프론트엔드 개발자 지망생 동료들을 위해 좋은 동료와의 협업, 훌륭한 실력 향상, 앞으로 나아갈 힘을 얻을 수 있는 커뮤니티 지식 교류의 장을 만들자.
프론트엔드 주니어 들을 위해 여러 취업사이트의 정보와 면접, 코딩테스트, 스터디 등등 여러 가지의 정보를 확인할 수 있도록 웹사이트를 제작하였습니다. 계속해서 업데이트할 예정입니다. 많은 관심 부탁드립니다.
🗓️ 기획 기간 : 2023.11.30 ~ 2023.12.06
🗓️ 개발 기간 : 2023.12.07 ~ 2023.12.23
🗓️ 리팩토링 및 추가 구현 기간 : 2024.01.04 ~ 2024.03.07
$ pnpm install
$ pnpm dev
$ pnpm install @supabase/supabase-js
👨💻User Flow(Figma)
📦src
┣ 📂assets
┃ ┣ 📂common
┃ ┃ ┣ 📜activelike.svg
┃ ┃ ┣ 📜arrow-clickLink.svg
┃ ┃ ┣ 📜arrow-scrollDown.svg
┃ ┃ ┣ 📜bookmarkblack.svg
┃ ┃ ┣ 📜bookmarkbluefilled.svg
┃ ┃ ┣ 📜bookmarkwhite.svg
┃ ┃ ┣ 📜edit.svg
┃ ┃ ┣ 📜error.webp
┃ ┃ ┣ 📜gitlogo.svg
┃ ┃ ┣ 📜inactivelike.svg
┃ ┃ ┣ 📜logo-border.svg
┃ ┃ ┣ 📜logo-title.svg
┃ ┃ ┗ 📜twellive.svg
┃ ┣ 📂community
┃ ┃ ┣ 📜community-banner1.svg
┃ ┃ ┣ 📜community-banner2.svg
┃ ┃ ┣ 📜community-banner3.svg
┃ ┃ ┣ 📜community-js.svg
┃ ┃ ┣ 📜community-next.js.svg
┃ ┃ ┣ 📜community-react.svg
┃ ┃ ┣ 📜community-svelte.svg
┃ ┃ ┣ 📜community-ts.svg
┃ ┃ ┗ 📜community-vue.svg
┃ ┣ 📂Introduction
┃ ┃ ┣ 📜MyoungHwaShin.svg
┃ ┃ ┣ 📜seojinman.svg
┃ ┃ ┣ 📜sy0725.svg
┃ ┃ ┗ 📜uniS2.svg
┃ ┣ 📂job
┃ ┃ ┣ 📜job-banner1.svg
┃ ┃ ┣ 📜job-banner2.svg
┃ ┃ ┣ 📜job-banner3.svg
┃ ┃ ┣ 📜job-down-button.svg
┃ ┃ ┗ 📜job-up-button.svg
┃ ┣ 📂landing
┃ ┃ ┣ 📜landing-community.svg
┃ ┃ ┣ 📜landing-job.svg
┃ ┃ ┣ 📜landing-logo.svg
┃ ┃ ┣ 📜landing-people.svg
┃ ┃ ┣ 📜landing-scroll-down.svg
┃ ┃ ┣ 📜landing-scroll-up.svg
┃ ┃ ┣ 📜landing-study.svg
┃ ┃ ┣ 📜landing-test.svg
┃ ┃ ┗ 📜landing-video.mp4
┃ ┗ 📂study
┃ ┃ ┣ 📜swiperarrow-next.svg
┃ ┃ ┗ 📜swiperarrow-prev.svg
┣ 📂components
┃ ┣ 📂Button
┃ ┃ ┣ 📜BackButton.tsx
┃ ┃ ┣ 📜EditButton.tsx
┃ ┃ ┣ 📜EnterButton.tsx
┃ ┃ ┗ 📜HeaderButton.tsx
┃ ┣ 📂CommunityPage
┃ ┃ ┗ 📜.common.tsx
┃ ┣ 📂Header
┃ ┃ ┣ 📜HeaderButtonGroup.tsx
┃ ┃ ┣ 📜HeaderMenu.tsx
┃ ┃ ┣ 📜HeaderMenuItem.tsx
┃ ┃ ┣ 📜HeaderMenuItemEvent.tsx
┃ ┃ ┗ 📜HeaderTitle.tsx
┃ ┣ 📂IntroductionPage
┃ ┃ ┣ 📜GithubLink.tsx
┃ ┃ ┣ 📜ProjectExplanation.tsx
┃ ┃ ┣ 📜Schedule.tsx
┃ ┃ ┗ 📜TeamPeople.tsx
┃ ┣ 📂JobPage
┃ ┃ ┣ 📜AddComment.tsx
┃ ┃ ┣ 📜CodingTestBookmark.tsx
┃ ┃ ┣ 📜CommentSaveBox.tsx
┃ ┃ ┣ 📜CreateButton.tsx
┃ ┃ ┣ 📜DeleteButton.tsx
┃ ┃ ┣ 📜InterviewBookmark.tsx
┃ ┃ ┣ 📜ItemDeleteButton.tsx
┃ ┃ ┣ 📜JobCodingAddComment.tsx
┃ ┃ ┣ 📜JobCodingCommentSaveBox.tsx
┃ ┃ ┣ 📜JobCodingDeleteButton.tsx
┃ ┃ ┣ 📜JobCodingTestBox.tsx
┃ ┃ ┣ 📜JobHeaderCreateButton.tsx
┃ ┃ ┣ 📜JobHeaderItem.tsx
┃ ┃ ┣ 📜JobInterviewBox.tsx
┃ ┃ ┣ 📜JobSeekBox.tsx
┃ ┃ ┣ 📜NavButton.tsx
┃ ┃ ┣ 📜ScrollBottomButton.tsx
┃ ┃ ┗ 📜ScrollTopButton.tsx
┃ ┣ 📂LandingPage
┃ ┃ ┣ 📜LandingHeader.tsx
┃ ┃ ┣ 📜SectionComponentFive.tsx
┃ ┃ ┣ 📜SectionComponentFour.tsx
┃ ┃ ┣ 📜SectionComponentOne.tsx
┃ ┃ ┣ 📜SectionComponentThree.tsx
┃ ┃ ┣ 📜SectionComponentTwo.tsx
┃ ┃ ┣ 📜SectionMotionDiv.tsx
┃ ┃ ┣ 📜SectionScrollDownButton.tsx
┃ ┃ ┣ 📜SectionScrollUpButton.tsx
┃ ┃ ┗ 📜SectionThreeImgBox.tsx
┃ ┣ 📂MainPage
┃ ┃ ┣ 📜Category.tsx
┃ ┃ ┗ 📜CategorySection.tsx
┃ ┣ 📂MyPage
┃ ┃ ┣ 📜BookMarkItem.tsx
┃ ┃ ┣ 📜BookMarkLink.tsx
┃ ┃ ┣ 📜BookMarkList.tsx
┃ ┃ ┣ 📜BookMarkModal.tsx
┃ ┃ ┣ 📜PointSection.tsx
┃ ┃ ┣ 📜Profile.tsx
┃ ┃ ┣ 📜ProfileSection.tsx
┃ ┃ ┣ 📜ResumeLink.tsx
┃ ┃ ┗ 📜WritingCategory.tsx
┃ ┣ 📂StudyPage
┃ ┃ ┣ 📜.common.tsx
┃ ┃ ┣ 📜BookMarkButton.tsx
┃ ┃ ┣ 📜CommonStudyComponent.tsx
┃ ┃ ┣ 📜LikeButton.tsx
┃ ┃ ┣ 📜StackDiggingContentsSection.tsx
┃ ┃ ┣ 📜StackDiggingItem.tsx
┃ ┃ ┣ 📜StackDiggingNameSection.tsx
┃ ┃ ┣ 📜StudyTitleGroup.tsx
┃ ┃ ┣ 📜TagButton.tsx
┃ ┃ ┗ 📜TagButtonComponent.tsx
┃ ┣ 📜ArrowBack.tsx
┃ ┣ 📜ArrowScrollDown.tsx
┃ ┣ 📜CancelImg.tsx
┃ ┣ 📜Loading.tsx
┃ ┣ 📜LoginModal.tsx
┃ ┣ 📜Logo.tsx
┃ ┣ 📜ScrollDown.tsx
┃ ┗ 📜SwiperComponet.tsx
┣ 📂hooks
┃ ┗ 📜useAuth.tsx
┣ 📂layout
┃ ┣ 📜Footer.tsx
┃ ┣ 📜Header.tsx
┃ ┣ 📜MainHeader.tsx
┃ ┗ 📜RootLayout.tsx
┣ 📂pages
┃ ┣ 📂CommunityPage
┃ ┃ ┣ 📜CommunityCreatePage.tsx
┃ ┃ ┣ 📜CommunityDetailPage.tsx
┃ ┃ ┗ 📜CommunityPage.tsx
┃ ┣ 📂IntroductionPage
┃ ┃ ┣ 📜IntroductionProjectPage.tsx
┃ ┃ ┗ 📜IntroductionTeamPage.tsx
┃ ┣ 📂JobPage
┃ ┃ ┣ 📜JobCodingTestCreatePage.tsx
┃ ┃ ┣ 📜JobCodingTestItemDeleteButton.tsx
┃ ┃ ┣ 📜JobCodingTestItemPage.tsx
┃ ┃ ┣ 📜JobCodingTestPage.tsx
┃ ┃ ┣ 📜JobInterviewCreatePage.tsx
┃ ┃ ┣ 📜JobInterviewItemPage.tsx
┃ ┃ ┣ 📜JobInterviewPage.tsx
┃ ┃ ┗ 📜JobSeekPage.tsx
┃ ┣ 📂LandingPage
┃ ┃ ┗ 📜LandingPage.tsx
┃ ┣ 📂MyPage
┃ ┃ ┣ 📜MyPage.tsx
┃ ┃ ┗ 📜MyResumePage.tsx
┃ ┣ 📂StudyPage
┃ ┃ ┗ 📜StudyPage.tsx
┃ ┣ 📜ErrorPage.tsx
┃ ┣ 📜MainPage.tsx
┃ ┣ 📜StackDetailPage.tsx
┃ ┣ 📜StackListlPage.tsx
┃ ┗ 📜StackNewPage.tsx
┣ 📂store
┃ ┣ 📜getPbImageURL.ts
┃ ┣ 📜useAuthStore.ts
┃ ┣ 📜useBookMarkStore.ts
┃ ┣ 📜useCodingCommentStore.ts
┃ ┣ 📜useCodingTestCreateStore.ts
┃ ┣ 📜useCommentStore.ts
┃ ┣ 📜useCreateStore.ts
┃ ┣ 📜useDataStore.ts
┃ ┣ 📜useEmailStore.ts
┃ ┣ 📜useHeaderMenuStore.ts
┃ ┣ 📜useInterviewCreateStore.ts
┃ ┣ 📜useLandingStore.ts
┃ ┣ 📜useModalHeight.ts
┃ ┣ 📜useStorageStore.ts
┃ ┗ 📜useTagStore.ts
┣ 📂types
┃ ┣ 📜BookMarks.ts
┃ ┣ 📜CommunityProject.ts
┃ ┣ 📜CommunityStudy.ts
┃ ┣ 📜database.ts
┃ ┣ 📜db.ts
┃ ┣ 📜StackCommentDTO.ts
┃ ┣ 📜StackDigging.ts
┃ ┣ 📜StackDiggingDTO.ts
┃ ┗ 📜Users.ts
┣ 📂utils
┃ ┣ 📜createChildVariants.ts
┃ ┣ 📜debounce.ts
┃ ┣ 📜getGithubLink.ts
┃ ┣ 📜getPathName.ts
┃ ┣ 📜getPbSrc.ts
┃ ┗ 📜getUserName.ts
┣ 📜App.tsx
┣ 📜client.ts
┣ 📜GlobalStyles.ts
┣ 📜main.tsx
┣ 📜routes.tsx
┣ 📜theme.ts
┗ 📜vite-env.d.ts
| 이름 | 회고내용 |
|---|---|
| 정소이 | 처음 팀장으로 프로젝트를 진행하며 한계에 부딪혔던 3주였습니다. 개인 능력을 더 발전하였다면 팀장으로서도, 개발 팀원으로서도 업무를 완벽하게 마무리할 수 있었을까 하는 아쉬움이 남았습니다. 그래도 팀원들 덕분에 큰 어려움 없이 마무리할 수 있었습니다. 감사합니다! 앞으로도 화이팅 :9 |
| 서진만 | TypeScript를 처음 사용해 보면서 부족함을 많이 느꼈습니다. Type에러가 많이 발생해 어려움이 있었지만 그래도 프로젝트를 잘 마무리 할 수 있어서 뿌듯했습니다. 부족한 점들을 하나하나 잡아주고 이끌어준 팀원들에게 감사합니다. |
| 신명화 | 스스로의 부족함을 크게 느낄 수 있었다. 3주간 완주할 수 있도록 함께 해준 팀원들에게 더욱 감사하다. 공부 열심히 해서 다음에는 더 도움이 되는 팀원이 되고 싶습니다. 감사합니다. |
| 전선용 | 처음으로 오프라인 프로젝트를 진행하며 팀원들과 직접 대화하고 기획하고 같이 회의하는 경험이 너무좋았습니다. 제가 사용해보고싶던 기술, 기능을 다 경험해봐서 좋았습니다. 지금의 저보단 더 성장할 수있는 저를 보았기에 너무 만족스러운 프로젝트였습니다. |