안녕하세요,
|
송여경입니다.

팀장 및 PM

공식 홈페이지 소개 링크

개인 기술 블로그 회고글 링크

• DND 활동으로 아이데이션, 필드리서치 등 전반적인 프로세스에 참여했으며, 최종프로젝트 발표 진행

설문지 Form 구현 및 연동

• toss/slash의 funnel에서 영감을 받아 컴포넌트 <Funnel/> 을 구현하며 단계별 사용자의 경로를 나타내기 위해 사용되는 createFunnel 함수와 useFunnel 훅을 제작
• 이를 통해 <Funnel/> 컴포넌트에 저장하여 정의한 Step의 순서대로 화면에 렌더링하여 설문이 제출 되기 전 필요한 FormValue들을 효율적으로 처리

내 정원 및 답변 상세보기 구현 및 연동

• 나에게 작성해준 사람들의 목록 Flip 카드 형태 개발
• 유저 피드백을 반영한 디자인 변경 사항 지속 업데이트 및 보수

페이지 및 UI 토큰 구현

• Framer-motion 라이브러리를 도입하여 선언적 애니메이션 개발
• Shad-cn을 활용하여 토큰 단위 UI 요소 개발
• Storybook을 이용한 컴포넌트 문서화

에러 대응 및 QA

• Github Issue에 등록하여 PR로 이슈 및 버그 사항에 대한 작업 내용 공유
• 특정 버전 오류, 크로스 브라우징 이슈 해결
• 예상하지 못한 예외 화면에 대한 분기 처리를 통한 서비스 경험 개선
• 배포 이후 기능의 확장성을 염두에 둔 신규 기능 배포
• 남의위키 시즌2, 연애위키 개발 진행 중
• 카카오벤처스의 미팅 제안

1400개 이상의 소개서 가 작성, 약 1000명의 유저 수준 유지 중

팀장 및 PM

• 팀장으로서 팀의 발표, 아이데이션, 기획 및 총괄 담당

주요기능

• 일기 작성 및 호르몬 캐릭터 제작

  • 네가지 캐릭터 테마를 기획하고 관련 행동 태스크들을 매핑
  • 수행한 행동을 선택하는 방식으로 일기 작성, 호르몬 분석 결과 제공

• LLM 기반 오늘 한 행동에 대한 긍정적 피드백 제공 구현

  • GPT4o 기반 openAI 프롬포트 작성 및 생성 데이터 추출 결과를 통해 은둔고립청년들을 응원 및 격려 메세지 구현

2위 수상

• 주제 부합성, 참신성, 완성도, 발표력, 기술력 측면에서 높은 점수를 받아 최종 2위 수상

• 회원가입, 카카오 소셜 로그인, 유저 정보 관리 , 토큰 갱신 및 재요청 등 인증/인가와 관련된 기능 전체 개발
• 비로그인 유저의 접근 제한을 위한 함수 개발
• 링크로 접속했을 시의 경로를 로컬스토리지에 저장하고, 로그인 이후 자연스러운 리다이렉트를 통한 사용자 경험 개선

• Server State 저장이 필요한 경우는 React Query(Tanstack Query)를 사용, Client State 저장 시에는 Zustand로 로직을 분리하여 관리

• 이전에 선택했던 에셋이 적용되도록 중첩된 데이터 Form 형태를 Funnel 방식으로 리팩토링 해 유지보수성이 높은 코드베이스 구현

PM 및 FE 전반 개발

• 아이디어 기획 및 발표 경쟁사 분석 및 비즈니스 모델 설계
• 전체 UI 구현, 예상 소진일자 계산, 및 연동, 상품 정보 및 추가 api 연동

React, Js -> Next, TS 로의 마이그레이션

• 2023 소프트콘 출품 당시 React, Javascript를 활용하고, MSW를 이용한 로직 수행 과정 시연
• 2024 마이그레이션 당시 SEO 최적화, metadata 간편 생성과 서버 컴포넌트를 활용하기 위해 page router 기반 Next.js를 채택 후 안정성을 높이기 위해 Typescript 사용

(마이그레이션 이전) MSW를 활용한 목업 데이터 테스트

• 개인 재고관리 서비스인 만큼 회원 API 미완성에 따라 지연되는 상품 연동의 개발을 service worker를 생성하여 모킹 데이터 활용
• 실제 서버처럼 동작하게 보이도록 sleep 부여, 요청 핸들러 작성

DatePicker, Dayjs를 이용한 캘린더 제공

• 오늘 소진되는 상품 정보 불러오기와 상품 추가 기능 구현
• 리액트 캘린더 라이브러리 없이 모달을 제작, 평균 구매주기를 예측해 계산하는 로직 실행

• 기초문법, DOM 조작, 동기 &비동기 학습
• Jest를 이용한 테스트 코드 작성 학습

• JSX, Props와 State, 컴포넌트의 종류, 컴포넌트 라이프 사이클, Form Control, Api 사용 학습

• Node.js, Validator, 템플릿, Database, ORM, CURD, 인증 학습

• 크롤링 코드를 작성하여 네이버 웹툰 사이트 https://comic.naver.com/webtoon/weekday 에 접근하여 정보를 수집
• 자연어 처리에서 크롤링으로 얻어낸 데이터를 토큰화 (tokenization) & 정제(cleaning) & 정규화(normalization)하는 전처리 진행

• 장르별 작품수를 분석, 구성방식 별 장르 별로 구분하여 데이터를 추출 후 정리

• 단어 및 역 문서 빈도를 사용한 DTM 내 각 단어들 마다 중요한 정도를 가중치로 주는TF-IDF (Term Frequency - Inverse Document Frequency) 를 사용한 텍스트 분석 진행
• konlpy 형태소 분석기를 사용한 토큰화, Stopword 지정 허수 형태소 처리