MCPcopy Index your code
hub / github.com/depromeet/na-lab-client

github.com/depromeet/na-lab-client @v1.0.1

Chat with this repo
repository ↗ · DeepWiki ↗ · release v1.0.1 ↗ · + Follow
1,085 symbols 2,526 edges 359 files 4 documented · 0%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README

스크린샷 2023-07-18 오전 1 06 53

na lab

Na Lab

codecov CI CodeQL Chromatic

🔬 오직 나만을 위한 커리어 연구실, Na Lab

‘Na Lab’은 동료의 익명 피드백을 통해 나의 직무 강점을 발견하는 서비스입니다.

👉 Na Lab 바로가기

KakaoTalk_Photo_2023-07-17-23-18-27 002

나의 커리어 브랜딩을 완성해주는 기본질문을 통해 손쉽게 질문폼을 생성할 수 있어요.

KakaoTalk_Photo_2023-07-17-23-18-27 003

스크린샷 2023-07-18 오전 1 09 20

부담스러웠던 동료 평가의 경험을 마치 친구와 심리테스트 하듯 즐겁게 할 수 있도록 설계했어요.

KakaoTalk_Photo_2023-07-17-23-18-27 004

많은 사람들의 답변 속에서 정말 나에게 도움이 되는 피드백은 어느 것일까요?

나랩은 유저가 개별 답변에 대한 이해도를 높이며 의미 있는 피드백을 얻을 수 있도록 결과를 정리했어요.

KakaoTalk_Photo_2023-07-17-23-18-27 005

동료들의 피드백으로 어디든 활용할 수 있는 나만의 명함을 만들 수 있어요.

스크린샷 2023-07-18 오전 1 08 09

😎 Develoment Description

  • Hotjar, GA, mixpanel, Vercel analytics를 이용해 사용자 지표를 수집 및 분석하여 이탈율을 줄이고, 사용자 경험을 개선했어요.
  • Sentry 부착으로 에러 로그를 수집하고, 디버깅에 유리한 환경을 구성했어요
  • SSR 을 활용한 SEO 개인화를 진행했어요.
  • Satori를 사용한 이미지 동적 생성으로 사용자가 이미지를 다운받을 수 있게 만들었어요.
  • Stylelint를 사용해 스타일링 컨벤션을 확립했어요.
  • Vitest를 활용해 TDD로 개발했어요.

스크린샷 2023-07-18 오전 1 08 30

🏛️ System Architecture

Untitled

🧑🏻‍💻 Developers

개발자 GITHUB
오혜성 https://github.com/hyesungoh
변수미 https://github.com/sumi-0011
이상조 https://github.com/sjoleee
권오연 https://github.com/oyeon-kwon

Extension points exported contracts — how you extend this code

Reviewer (Interface)
* reviewer_id 없음
src/remotes/reviewer.d.ts
Props (Interface)
(no doc)
src/components/graphic/softskills/Softskill.tsx
TendencyCountData (Interface)
(no doc)
src/utils/resultLogic.ts
Props (Interface)
(no doc)
src/pages/result/SurveyIdLoaded.tsx
SnackBarProps (Interface)
(no doc)
src/store/snackBar.ts
ApiErrorScheme (Interface)
(no doc)
src/exceptions/type.ts
Props (Interface)
(no doc)
src/features/multipleChoiceAnswer/MultipleChoiceAnswer.tsx
Props (Interface)
(no doc)
src/styles/GlobalBackgroundColor.tsx

Core symbols most depended-on inside this repo

mapToBase
called by 59
.pnp.loader.mjs
makeCallback
called by 38
.pnp.loader.mjs
recordEvent
called by 21
src/utils/event.ts
useBoolean
called by 19
src/hooks/common/useBoolean.ts
useDidMount
called by 17
src/hooks/lifeCycle/useDidMount.ts
useToast
called by 15
src/components/toast/useToast.ts
get
called by 14
src/libs/api.ts
useInternalRouter
called by 14
src/hooks/router/useInternalRouter.ts

Shape

Function 715
Method 182
Interface 170
Class 18

Languages

TypeScript100%

Modules by API surface

.pnp.loader.mjs239 symbols
src/pages/result/SurveyIdLoaded.tsx14 symbols
src/hooks/mouse/useMouseMove.ts12 symbols
src/components/error/ErrorBoundary.tsx12 symbols
src/features/survey/intro/Intro.tsx11 symbols
src/components/icons/Icon.stories.tsx11 symbols
src/features/review/chat/ChatInputBottom.tsx10 symbols
src/features/feedback/ParticipatingReviewerChart.tsx10 symbols
src/features/survey/Intro.tsx9 symbols
src/features/review/steps/ShortQuestion.tsx9 symbols
src/pages/review/LoadedSurvey.tsx8 symbols
src/pages/feedback/index.page.tsx8 symbols

For agents

$ claude mcp add na-lab-client \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

Ask about this repo answers extend the page